📚
【目次】Figma MCPを実際に使って書いた記事のまとめ
Figma MCPの記事が増えてきたので、目次を作りました。
Figma MCPの活用
Figma MCPを使って1ページ丸ごとAIに実装してもらう記事です。
現時点での知見をもとに手順をまとめました。
Figma MCPが返すTailwind CSSが冗長なので、リファクタリングした方が良さそうなスタイルをまとめています。
Figma MCPで画像を扱う際の注意点をまとめています。
取得できるデータについて
Figma MCPの中核となる「デザインコンテキスト(JSXコード)」についてまとめました。
「デザインコンテキスト」の補助としてたまに使う「メタデータ(XML)」についてまとめました。
「デザインコンテキスト」とセットで取得される「スクリーンショット」の必要性について考察しています。
作ったCLIツール
Figma MCPの出力結果を直接ファイルに保存するCLIツールを作りました。
Tailwind CSSのリファクタリングに使えそうなCLIツールを作りました。
Discussion