気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
6users
がブックマーク
0
0
【Figma × Claude】MCPでつなぐ、デザインシステムに沿ったワイヤーフレーム自動生成＆編集フロー！｜吉川 聡史 | AI＆UX
6 users
note.com/aiux_unite
note.com/aiux_unite
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Figma × Claude】MCPでつなぐ、デザインシステムに沿ったワイヤーフレーム自動生成＆編集フロー！｜吉川 聡史 | AI＆UX
【Figma × Claude】MCPでつなぐ、デザインシステムに沿ったワイヤーフレーム自動生成＆編集フロー！ こ... 【Figma × Claude】MCPでつなぐ、デザインシステムに沿ったワイヤーフレーム自動生成＆編集フロー！ こんにちは！吉川です。 今回は「【Figma × Claude】MCPでつなぐ、自動ワイヤーフレーム生成＆編集フロー！」というタイトルでご紹介していきますが、何をしたかというと 1.FigmaでつくったデザインシステムをClaudeにMCPで読み込む 2.デザインシステムを元にClaudeで実装 3.Claudeで実装したhtmlをMCPでFigmaにデザインファイルとしてインポート の3つです。 なぜこれをやろうと考えたかで言うと、Web制作の現場においてAIで実装まで自動生成するのは、まだハードルが高い。 ただそれを見据えた上で、デザインシステムのルールを読み込んだWFまで編集可能な状態で自動生成すれば、かなり現場でも使えるフローになるのでは？と思ったためです。（そしてこのフ
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
note.com/aiux_unite
note.com/aiux_unite
note.com/aiux_unite
www.yomiuri.co.jp
zenn.dev/oikon
www.docswell.com
newsdig.tbs.co.jp
ascii.jp
forbesjapan.com
karapaia.com
type.jp
scrapbox.io/kawasima
zozo.jp
www.newsweekjapan.jp
www.hotpepper.jp
tech.nri-net.com
tech.nri-net.com
engineers.ntt.com
