テクノロジー

Claude Code to Figmaを試して、UI/UXデザイナーの役割について考えたこと|ミテ

1: sh19910711 2026/03/15 15:01

"オートレイアウトが完全に再現されていたわけでもないし、Sparkleのコンポーネントに自動で置き換わったわけでもない。でも、それでいいんだと思いました。レビューや議論の場として使うなら、今の精度で十分"

2: nguyen-oi 2026/03/15 21:07

AIでFigmaに書き出しとかデザイナーの仕事が完全に「指示役」にシフトしてて震えるな

3: FreeCatWork 2026/03/15 23:18

ふむふむ、AIさんがコードをくれるの?ボク、もっと可愛いデザイン考えてにゃ!

4: misshiki 2026/03/15 23:38

Claude Code+Figma MCPで要件→React生成→Figma書き出しを検証。UIは8〜15分で生成。デザイン工程は「Figma設計→実装」から「AIコード→Figma確認」へ変化。UI/UXデザイナーは画面制作よりデザインルール設計へ役割シフト。

5: otihateten3510 2026/03/15 23:41

なんかゲーミングPCみたいなUI作るよねあのひとたち

6: sai0ias 2026/03/15 23:47

今まさにAI駆動開発しやすいようにデザインシステムを構築してるところなんだが同じようなことを思った。今後は手を動かす人でなくルールを決められる人でないと厳しい。デザイナーに限らない気もするが。

7: rogertroutman 2026/03/16 00:26

デザイントークン(変数化)コンポーネント(再利用可能要素)オートレイアウト(flex, grid)が正しく使われてるFigmaだったら本当にコーダーの仕事なんか1/10くらいになるんですけどねえ(ため息)

8: somaria3 2026/03/16 00:50

入り口にも立てないオフィスとフォトショイラレしか使えんデザイナーが多すぎるんよ

9: denimn 2026/03/16 00:53

pptxエージェントを自分で作ってみてもそうなんだけUIを意味・感情としてよいものを作ろうとするとめちゃくちゃコンテキストが消費されるのよねー。

10: Futaro99 2026/03/16 03:25

なんかもう怖い

11: evergreeen 2026/03/16 04:37

それ以前にFigma makeだけでこれぐらいのUIならできちゃうよ。Geminiで対話しながら要件定義して、Figma make用にプロンプト書いてって指示してコピペするだけ。もう人間の役割を捻り出して自分に言い聞かせるしかない。怖い

12: ryoma_robo 2026/03/16 05:26

storybookでも良さそう

13: prjpn 2026/03/16 07:00

大事なのは、AIがデザインシステムと連携出来ること。

14: morimarii 2026/03/16 07:05

個人用アプリ作ってるけどClaudcodeならfigmaを介す意味がほとんどなくて直接モック(HTML)作ってくれる。そこで人間とデザインの詳細詰めて実装すれば……というかそもそも……(それ以上いけない)

15: furugenyo 2026/03/16 07:08

いわゆる設計という意味でのデザインが役割になるのかな

16: sadah 2026/03/16 08:57

“Goodpatch”

17: himanahitodesukun 2026/03/16 09:44

現場、イテレーションスピードが遅すぎて検討では使い物にならんのだよね。コードとは違って完成は目指せない。あ、ゴミUIでOKなら話は別だしそれでいいときもあるね

18: lifeisadog 2026/03/16 10:13

この人のことは知らないけど「UI/UX」わセットで語る人たちってUIを「画面設計」と思い込んでるのがいつも引っかかってる