今回は、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の設定ファイルにサーバー接続 ...

今回はもうひとつの選択肢、 Figma MCP を試してみます。 先に言っておくと、Figma MCPはCanva MCPとはまったく別の用途のツールでした。 「テンプレートを差し替える」のではなく、「デザインを読み取ってコードに変換する」。 そのリアルなところを全部お見せしますね。

A simple tool to turn text layers into structured JSON files in seconds. Jsonify is a Figma plugin that converts text layer into structured JSON files, simplifying the design-to-development handoff.

ブラウザベースの共同デザイン・プロダクト開発プラットフォームを提供するFigma, Inc.（本社：米国サンフランシスコ）は、Anthropicとのパートナーシップを発表し、Claude Codeから始まるAI活用ワークフローをFigma Design上でさらに拡張します。これにより ...

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