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

音声でサクッと聴きたい方はこちらをどうぞ！ プロダクト開発の現場で、こんな経験はありませんか。 エンジニアがコードで作ったUIをデザイナーに見せたいのに、スクリーンショットを撮ってSlackに貼って、「ここは仮データなので無視してください」と ...

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

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