Claude Code to Figma とは？

昨日（2026年2月17日）、AIツール Claude を開発する Anthropic から、「Claude Code to Figma」 が正式発表されました。

この新機能は、生成されたコードをそのまま Figma に変換し、Figma内のデザイン構造として再現できる、というものです。

これまでは、AIで生成したコードを

• 人間が読み解き
• Figmaで手動再現

という手間が必要でしたが、それを最小限にする可能性を感じさせるリリースです。

デザインと実装のあいだにある分断を、AIがどう埋めていくのか——

その一つの回答として、非常に注目度の高い発表だと言えるでしょう。

では早速「Claude Code to Figma」を試したい！と思ったら…

執筆者も「Claude Code to Figma」を早速試していこう！と思ったら…ここで、思わぬ“落とし穴”がありました。

まず、先に知っておくべき重要なポイントがあります。

結論：「Claude Code to Figma」は無料プランでは使用できない

結論から言うと、「Claude Code to Figma」は、Claudeの無料プランでは使用できません。

Claude自体は無料で利用できますが、「Claude Code to Figma」で使用するClaude Code（CLIツール） は、有料プラン専用の機能となっています。

整理すると、以下のようになります。

• 無料プラン → Claude（チャット）は使える → Claude Code / Claude Code to Figma は使えない
• 有料プラン → Claude Code が使える → Claude Code to Figma が利用可能

「まずは軽く触ってみたい」と考えている方にとっては、この時点で少しハードルを感じるかもしれません。

Claude と Claude Code の違い

そもそも Claude（claude.ai） は、チャット形式で使えるAIアシスタントです。

ブラウザやアプリ上で会話しながら、文章作成、質問回答、翻訳、分析、コードの説明など、幅広いタスクに対応します。

Claude Code は、開発者向けのコマンドラインツール（CLI）です。

ターミナル上で動作し、コードベース全体を理解したうえで、

• ファイルの読み書き・編集
• コマンドの実行
• バグ修正や機能追加

などを、エージェント的に自律実行できるのが特徴です。Claude Code to Figma では、この Claude Code を使用します。

それでも注目されている理由

無料では使えず、Claude・Figmaともに有料プランが前提とはいえ、「コード → Figma」という流れを公式にサポートした意義は非常に大きいと言えます。

• デザインと実装の分断をどう解消していくのか
• AIが制作フローのどこまで担えるのか

こうしたテーマに対する、一つの明確な方向性を示したアップデートであることは間違いありません。

実際の使い勝手や、「有料でも使う価値があるのか？」については、検証したうえで 別記事で詳しく解説予定です。

最後に

IMAKEでは、ノンデザイナー・デザイナーを問わず、

Figmaに関するさまざまなご相談を受け付けています。

• 「Figma Sites の使い方を教えてほしい」
• 「Figmaを使って、社内にデザイン思考を根付かせたい」
• 「細かいことはいいから、一緒に制作しながら考えたい」

といったご相談も大歓迎です。

お気軽にご相談ください！