design-to-code

デザイナーのためのカーソル • オープンソースのAIファースト設計ツール • AIを使ってReactアプリを視覚的に構築、スタイリング、編集

オープンソースのClaudeデザイン代替品。ワンクリックでClaude Code / Codex APIキーをインポート可能。プロンプトからプロトタイプ/スライド/PDFへ。マルチモデル対応（Claude, GPT, Gemini, Kimi, GLM, Ollama）。BYOK、ローカルファースト、MIT。

1つのコマンドであらゆるウェブサイトのデザインシステム全体を抽出します。DTCG トークン、セマンティック+プリミティブ+コンポジット、Claude Code/Cursor/Windsurf 用 MCP サーバー、マルチプラットフォーム出力（iOS SwiftUI、Android Compose、Flutter、WordPress）、Tailwind v4、Figma 変数、shadcn/ui、CSS 健全性監査、WCAG 是正、Chrome 拡張機能。MIT、Playwright、Node 20+。

あらゆるウェブサイトを編集可能なFigmaデザインに変換

あらゆるウェブサイトのデザインシステムを数秒でトークンに抽出：ロゴ、カラー、タイポグラフィ、ボーダーなど。1つのコマンドで実行可能。

Claudeをシニアデザインアーキテクトに変換：DTCGデザイントークン、42のコンポーネント、WCAG 2.2アクセシビリティ、あらゆるフレームワークに対応するコード、138のデザインシステム、および実行可能なスキル。

無料の双方向 Figma MCP サーバー。デザインをフレームワーク対応コードに変換し、コードをキャンバスにプッシュバックします。Claude Code、Cursor、Codex、その他の MCP クライアントと連携します。

あらゆるWebデザインのスクリーンショットをクリーンなHTML/CSSコードに変換する

API 制限を回避するための Figma プラグインおよび MCP サーバー

Flameは、UIデザインのモックアップを高品質なReactコードに変換するために設計されたオープンソースのマルチモーダルAIシステムです。ビジョン言語モデリング、自動データ合成、構造化されたトレーニングワークフローを活用して、デザインとフロントエンド開発のギャップを埋めます。

200 production-grade DESIGN.md design systems for the world's best apps. Framework-neutral plus SwiftUI, Jetpack Compose, and Expo. Hand one to your AI agent, ship pixel-matched UI.