関連タグ:
◉ Claude AI/2026-05-23中級
Claude Design と Figma Make の出力を並べて読む：UI 生成 AI で「ピクセル」が消えた後に残るもの
同じデザインシステムと PRD を Claude Design と Figma Make に読み込ませて出力を並べたとき、デザイナーの仕事の本質はどこに移るのか。個人開発と UI 設計を 12 年続けてきた立場から、二つの出力傾向を読み解きます。
◉ Claude AI/2026-04-22初級
Claude Designの全体像（ — Figma・Canvaと並ぶ選択肢になりうるのか
2026年4月17日に発表されたClaude Designの位置づけと、既存デザインツールとの違いを、アプリ開発者の実務視点で整理します。
◈ Cowork/2026-04-02上級
Cowork × 複数MCPオーケストレーション：Figma / GitHub / Stripe を連携させる個人開発自動化システムの全設計図
Cowork で Figma・GitHub・Stripe などの複数 MCP を横断するオーケストレーションを設計・実装する方法を徹底解説。個人開発者がゼロから構築できる自動化システムの全設計図を公開します。
◉ Claude AI/2026-03-22上級
Claude × 画像生成AI — アプリ用ビジュアル素材の作成から編集までの
Claudeの画像生成機能を活用したアプリ内素材制作。イラスト・背景・UIアイコン生成プロンプト例、品質向上テクニック、Figmaへの取り込み・最適化を完全解説。
◈ Cowork/2026-03-22中級
Claude × Figma × Stitch × Canva — アプリアイコンのデザイン比較と最適化ワークフロー
3つの主要デザインツール（Figma・Stitch・Canva）で同じアプリアイコンを実装し、特性・操作性・AI連携を比較。最適なワークフローを実践的に解説します。
◈ Cowork/2026-03-09初級
Cowork コネクタ活用ガイド — 外部サービスとの連携で AI の力を最大化
Cowork のコネクタ機能を解説。Canva、Figma、Slack、Asana などの外部サービスとの連携方法から、MCP Apps による対話型ツール統合まで、実践的な活用例を紹介します。
⟐ Claude Code/2026-03-09中級
Figma × Claude Code 連携ガイド — MCP でデザインとコードを双方向に橋渡し
Figma MCP サーバーを使って Claude Code とデザインデータを双方向連携する方法を解説。セットアップからデザイン→コード、コード→デザインの実践ワークフローまで。