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



























