Onefold

概要

• Onefoldは、ブランドカラーや文字、余白、角丸、影、音声・文体などのデザイン方針を一元化し、コーディングエージェントが参照できるDESIGN.mdを生成します。
• Webサイトやブランドカラーから既存のデザイン要素を読み取り、リポジトリに置けるドキュメントと、同じ命名のCSS変数・Tailwindテーマを作成します。

主な特徴

• ブランドカラー、ニュートラルカラー、ステータスカラー、ダークモード、タイポグラフィ、間隔、角丸、シャドウ、コンポーネント、アイコン、ボイスまで幅広く整理できます。
• 生成された提案は一つずつ確認して採用・変更できるため、既存ブランドとの整合性を保ちながらチーム独自の判断を反映できます。
• Claude Code、Cursor、Codexなどの開発エージェントに明確なデザイン基準を与え、実装時の推測や似通った汎用デザインへの偏りを抑えます。

こんな人におすすめ

• デザインの意図がCSS、Figma、チケット、Slack、メンバーの記憶に分散し、デザインとコードの間で判断が失われやすいチームに適しています。
• AIコーディングエージェントを使いながら、生成される画面にもブランドらしさや一貫したUIルールを反映させたい開発者・デザイナーに向いています。