Duply
実際のデザインシステムを DESIGN.md に整理し、AI エージェントが一貫したビジュアル言語でプロダクトを構築できるようにします。
Duplyについて
Duply は、デザイントークン、フォント、間隔、コンポーネントを含む実際のデザインシステムを1つの DESIGN.md に整理し、AI コーディングエージェントが選択したビジュアル言語でプロダクトを構築できるようにします。ユーザーは実際のウェブサイトやプロダクトインターフェースで構成されたデザインライブラリを閲覧し、スタイル、業界、色、フォントで絞り込めます。公式サイトに掲載された連携ツールは Claude Code、Cursor、Codex、Gemini CLI、Copilot、v0、Lovable、Bolt です。さらに Launch Kit では mock data を使った本番対応コードベースを提供し、1つのプロンプトで連携を接続できます。スタイルは選択した DESIGN.md で設定されます。
おすすめの利用者
最適な利用シーン
AI コーディングエージェント向けにウェブサイトまたはプロダクト UI のビジュアルスタイルを選ぶ
スタイル、業界、色、フォントからデザインの参考を探す
tokens、type、spacing、components を含む DESIGN.md を生成する
Launch Kit で mock data を使ってコードベースを始める
機能
デザインシステムファイル
tokens、type、spacing、components を1つの DESIGN.md に集約します。
デザインライブラリの絞り込み
実際のウェブサイトやプロダクト UI を閲覧し、スタイル、業界、色、フォントで絞り込めます。
エージェントプロンプト
使用するツールに合わせた既成の agent prompt を取得できます。
Launch Kit
各ページに mock data を使った本番対応コードベースを提供し、1つのプロンプトで連携を接続できます。
長所
- デザイントークン、フォント、間隔、コンポーネントを1つの DESIGN.md に集約
- デザインライブラリをスタイル、業界、色、フォントで絞り込み
- 複数の AI コーディングエージェントに対応
- Launch Kit が本番対応のコードベースを提供
料金プラン
Launch Kit
- 本番対応コードベース
- 各ページで mock data を使用
- 選択した DESIGN.md でスタイルを設定
* 料金情報は参考用です。最新情報はDuply公式サイトのお知らせをご確認ください。