こんの

デジタルプロダクトデザイナー・デザインマネージャー / HashPort Inc. / デザインメンターサービス「ROOM」運営 / AI × デザインのポッドキャスト配信中

[こんの @kyota]

Figma、最近ほんとに開かなくなった

AIエージェントに作ってもらう方が速いし、そのままコードになる

でも速さだけ追うと、品質や一貫性が崩れていくのも事実

改めてデザインシステムを、AIエージェント時代の形に作り直した方がいいなと思ってnoteにまとめました
https://t.co/OOVtB7fgLb

[こんの @kyota]

ジャーナリングアプリの課題はコスト構造だな〜
AIゴリゴリにやると、ユーザー増えていくごとに大赤字

いつかサブスクプランも用意する予定だけど、個人開発でどこまで体力が持つかな。。

[こんの @kyota]

今までの「デザインシステム」は、ただのFigma��静的な情報をまとめていただけだったけど、これからは本当の意味での動く「システム」が必要になってきている

[こんの @kyota]

デザインシステムの再定義だな
深いテーマなのでnoteに書くか

[こんの @kyota]

Claude Fable がっつり使ってみたけど、今からUIを作るなら、もうFigmaいらないかもぐらいに思ってきた

人間・AI向けコードベースのデザインシステムとハーネスの仕組みさえ作れば、デザインクオリティ高い状態でプロダクト開発が進められる

[こんの @kyota]

一旦 こんな感じかな
AIネイティブなデザインシステムを週末にかけて作り込んでみる

[こんの @kyota]

Claude Fableを動かせるうちに、新AI時代のデザインシステムをマジメに考えてみるか🧐

雑にまとめていく

[こんの @kyota]

あと、AIネイティブなデザインシステムとして、MCP対応
AIから自��言語で簡単にドキュメントリサーチ、新規画面の作成、レビュー時に対応

デザイナーだけじゃなくても、誰でもUIを作れるようになるのが理想

[こんの @kyota]

ただ、Figmaが良かったところとして、ホワイトボードツールのようにキャンバスで自由に画面やメモを残せたこと

これを実装でも表現できるようにするが理想

デザインを実装後にドキュメントとFigma風キャンバスを自動生成する仕組み

[こんの @kyota]

そんで、デザイン原則、デザイントークン、コンポーネント群もあった方がいいし、モック、ドキュメントを人間もAIも読みやすいものあった方がいいよね

[こんの @kyota]

となると、あれ、Figmaで作る意味あまり無くね？って最近なってる

ただ、Google のGitHubを見ると分かるけど、DESIGN.md のリポジトリはCIでチェックするなどはあるけど、必要最低限の仕組み

ドキュメントとしても人間が読むにはちょっとしんどい

[こんの @kyota]

Claude などのAIが高速にUIを作ってくれて、そのまま実装に繋げられてきた

ただ、AIの生成のクオリティをイマイチで、細かな作り込みやトンマナ統一が雑で使いづらい

その後、GoogleがDESIGN.md 仕組みを公表して、ある程度トンマナは整えられるようになってきた

[こんの @kyota]

これをうまくやるのが、プロダクトデザイナーとして求められたスキルだったけど、Claude Codeが出てきた辺りから状況が変わる

[こんの @kyota]

今までは、デザイナーがFigmaでデザインシステムを作って、エンジニアが実装していた

ただ、この方法だとデザインシステムを運用・更新と、エンジニアとのコミニケーションコストがめちゃくちゃかかっていた

あと、マスターファイルや、並行プロジェクトの管理・運用もバカでかい

[こんの @kyota]

Expo 使い始めたけど、ネイティブアプリ開発めちゃくちゃ楽だな

Xcodeも触らずに、Expo Goのアプリ経由でリアルタイムに検証できる

Claude が無かったら、たぶん手を出していない領域だっけど、新しい学び

[こんの @kyota]

デザイナーのキャリア相談サービス「ROOM」をリリース🎉

これからAI時代で悩むデザイナーは増えてくるはず。僕自身、半分不安で半分ワクワク

なので、キャリアの悩みを誰かと話せる場所が必要だと思って立ち上げました

デザインメンターとしての想いをnoteに綴っています
https://t.co/hF188xz3as

[こんの @kyota]

絶賛開発中のジャーナリングアプリ、MCP対応してみた。

いやー、これよこれ。めちゃいい！

アプリ外からも自分のAIからもいろいろ分析できるようになってめちゃくちゃ便利になってきた。

[こんの @kyota]

Figma、コード生成の方向性ではClaudeとかには勝てないので、Motionの方に振るというのは、まぁいいかもねという感じ

ただ、Motion自体もAIに食われていく領域なので、うまく融合したプロダクトになってて欲しい

[こんの @kyota]

Claudeをデザイナー界隈でも広げていきたいので、Claude アンバサダーに申し込んでみました！

[ClaudeDevs @ClaudeDevs]

The Japan Claude Community Ambassador program is here! 🇯��

Ambassadors have hosted 290+ meetups in 107 cities across 37 countries, with 40,000+ attendees building together.

Now open from Hokkaido to Okinawa. 日本の皆さん、ぜひご応募ください！

https://t.co/BhhaPQR8JT

[こんの @kyota]

わーい、回復した
って、今週節約気味でやってたので複雑な気持ちを

ガッツリ開発するぞー

[ClaudeDevs @ClaudeDevs]

Update: we've gone ahead and reset 5-hour and weekly usage limits for everyone, across all plans. Enjoy your weekend!