AmebaLIFE プロダクト戦略室所属 Design System Spindle デザインリード インターフェースデザイナー

Joined January 2013
Spindle関連の個人制作物まとめ Spindle UI定義(AmebaデザインシステムSpindleのUI Library) figma.com/community/file/127… カラーパレット設計 developers.cyberagent.co.jp/… アイコン設計 developers.cyberagent.co.jp/… モーション設計 developers.cyberagent.co.jp/…
8
1
55
10,831
Honda | Spindle retweeted
Developer Advocate として Figma にジョインしました!🙌 @hiloki とともによいコンテンツを発信していきたいと思います。よろしくお願いします💫
Figma Japanに新しくDeveloper Advocateとして Kazunari Hara @herablog が入社しました🎉 これからイベントの登壇やコンテンツの発信もしていくのでぜひフォローしてください👀👀👀
8
13
3
158
12,154
サイバーエージェントでは、AI時代の新たなデザイナー像として「AIXデザイナー」を定義しました。 あわせて、AIXデザイナーに求められるスキル・役割の明確化・育成・習熟度を評価する仕組みの構築を担う専門組織「AIXデザイン室」を設立したことをお知らせいたします。 cyberagent.co.jp/news/detail…
7
182
113
1,397
549,729
Honda | Spindle retweeted
CyberAgent本田様@Windom40 ご登壇🎤 Figma Agentをどのように使い倒すかを、実例をもとにご紹介。Figma AgentはFigmaに最適化しているからこそ、WordingもFigmaに最適なものを選んでくれます。様々なことを横着することに成功!
1
33
4,737
本日はこちらにおります #MCTokyoFigma
📣7月22日(水)はMaker Collectiveを神田明神ホールで開催! Figmaの最新機能を活用した事例セッションでは、CyberAgent 本田様、DeNA 宮本様 @motomiya333が登壇✨ 会場参加も受付中です!ぜひご登録・ご参加ください👇 fig-events.figma.com/mc-toky…
1
9
2,522
拙著についてご紹介頂いております。大変ありがとうございますmm
「見た目の美しさ」だけでなく、使いやすく魅力的なUIデザインについて深く学べる解説書 -表層UIデザインの解剖学 coliss.com/articles/book-rev…
4
14
9,189
Honda | Spindle retweeted
Amebaのデザインシステム Spindleのデザインリードも務める @Windom40 と、渋谷OOH広告でも素敵なクリエイティブを作ってくれた @motomiya333 のセッションは僕もとても楽しみです! 会場参加はまだ少し余裕あるので、ぜひお申込みください! fig-events.figma.com/mc-toky…
📣7月22日(水)はMaker Collectiveを神田明神ホールで開催! Figmaの最新機能を活用した事例セッションでは、CyberAgent 本田様、DeNA 宮本様 @motomiya333が登壇✨ 会場参加も受付中です!ぜひご登録・ご参加ください👇 fig-events.figma.com/mc-toky…
2
16
4,050
Honda | Spindle retweeted
📣7月22日(水)はMaker Collectiveを神田明神ホールで開催! Figmaの最新機能を活用した事例セッションでは、CyberAgent 本田様、DeNA 宮本様 @motomiya333が登壇✨ 会場参加も受付中です!ぜひご登録・ご参加ください👇 fig-events.figma.com/mc-toky…
7
9
47
34,117
Honda | Spindle retweeted
【 単著で、本を出版します。】 タイトルは 表層UIデザインの解剖学──ユーザーの知覚に訴える「見た目」の作り方 です。 これからの時代に表層のUIデザインがどのような価値を持ち、UIデザイナーはどう振る舞っていくべきなのか、をデザインシステム等制作した経験と考察を踏まえて執筆しています。 7/8発売で、各種サイトで予約受付中です、何卒よろしくお願いします。
【新刊】2026年7月8日発売『表層UIデザインの解剖学──ユーザーの知覚に訴える「見た目」の作り方』本体2,600円+税,本田雅人 著,「当たり前」を超えるデザインを生み出せるのは人間であるgihyo.jp/book/2026/978-4-297…
2
31
9
170
33,704
【 単著で、本を出版します。】 タイトルは 表層UIデザインの解剖学──ユーザーの知覚に訴える「見た目」の作り方 です。 これからの時代に表層のUIデザインがどのような価値を持ち、UIデザイナーはどう振る舞っていくべきなのか、をデザインシステム等制作した経験と考察を踏まえて執筆しています。 7/8発売で、各種サイトで予約受付中です、何卒よろしくお願いします。
【新刊】2026年7月8日発売『表層UIデザインの解剖学──ユーザーの知覚に訴える「見た目」の作り方』本体2,600円+税,本田雅人 著,「当たり前」を超えるデザインを生み出せるのは人間であるgihyo.jp/book/2026/978-4-297…
2
31
9
170
33,704
Honda | Spindle retweeted
CyberAgent Amebaの本田さん @Windom40 による「職域を超えるデザイン」。 Spindle(デザインシステム)の運用者であるデザイナーがCursorを使ってアニメーションまで自ら実装しきった事例で、ワークフローが具体に開示されている。 印象に残った点👉 1️⃣ デザイナーが実装に責任を持つことで「遠慮による90〜95点止まりの妥協」が消える 2️⃣ About Usの曲線アニメを3パス分割×長さ比例のeasingで連続化——詰めが効くのは越境ゆえ 3️⃣ 一方でコードレビュー・DOM設計・Safariのレンダリング問題は最終的にエンジニアの経験値が必要 越境=丸投げではない、という線引きが明示されているのが誠実だった。 「職域が溶ける感覚」、自分もFigma MCP × Claude Codeで日々感じている領域と地続き。デザイナー側の越境事例、他にどんなパターンで進めてる人いるか聞いてみたい。
1
6
1
56
8,075
🟢新着記事のお知らせ Spindleデザインリードである @Windom40 がAI時代のデジタルプロダクトデザインを実体験に基づきながら考察しています。 実装の違和感を見過ごさず、見つけた粗は自分で直す。AI活用で実現したリアルな開発体験が書かれています。 ぜひご覧ください✋ developers.cyberagent.co.jp/…
1
5
603
🎊 Happy New Year 2026 🎊 新年あけましておめでとうございます🎍🌄 Spindleより、謹んで新春をお祝い申し上げます💚 本年もAmebaデザインシステム「Spindle」をよろしくお願いいたします🧍🟢
1
1
8
921
新年初アウトプット
1
289