今回は、Readdy AI（readdy.ai）からFigmaへデータをエクスポートする方法を紹介します。 Figmaとは、ざっくりというとWebサイトのUI設計やデザイン作成を行うためのサービスです。 世界中で人気のサービスで、日本国内でも使用されている方は非常に多いです。

※このメンバーシップ記事は全文無料で見れます。 検証に使ったのはShadcn Dashboard & Landing TemplateのVite版です。ここにClaude CodeとFigma MCP Serverを接続しました。 ShadCN Dashboard + Landing Page Templateの画面 MCPのセットアップはClaude Codeの設定ファイルにサーバー接続 ...

結論から、費用面考えずなら単体運用はFramer 費用面も解決！Framerでデザイン selfhostで公開可能！ ひとりWEB制作公開が目的ならFramer一本化でいい まずあえてWebflowを外しましたね。 カテゴリーとしてはFigma Sites や Framerとは大きく異なり、デザインツールとし ...

デザインツールのFigmaがAnthropicと提携し、AnthropicのAIコーディングツール「Claude Code」で生成されたコードをFigmaに直接 ...