CSS– tag –

AIエージェントにLP1枚を丸ごとコーディングさせたら、どれが一番デザインを再現できるのか。Claude Code・Codex・Gemini CLIに同じFigmaデザインとプロンプトを渡し、PC・スマホの見た目の再現度と手直しの量を比べた結果を解説します。

Claude CodeとFigma MCPを使えば、Figmaのデザインカンプから人間がコードを書かずにHTML/CSSを自動生成できます。VS Codeの設定・MCP接続・依頼プロンプト・画像修正まで、実際の画面の流れに沿って初心者向けに徹底解説します。