Brand Kit の中身
Brand Style、Reference Style、Figma からの取り込み。
抽出
01使い方
サイトから配色・タイポグラフィ・コンポーネントを抽出します。デザインファイルを使いたい場合は Figma から取り込めます。
Foundation と Components を確認し、フォントを直したり、見つからなかったカスタムカラーを追加したりできます。
エディターでは Brand Style が常に有効。チャット編集、セクションの再生成、修正モードも、配色と書体を守ります。
WorkbenchURLを入力
02できること
プライマリ・セカンダリ・アクセントカラー、背景色、文字サイズの階層をひとつのシートに。
サイトから抽出したボタンやカードなどのコンポーネントを、保存前にプレビューできます。
公開サイトの代わりに、Figma ファイルからスタイルを取り込めます。
ムード・配色・タイポグラフィ・レイアウトなど、目指す方向性を Markdown で短く伝えられます。
選択
Frequently asked questions
Brand Kit についての質問
Brand Style はどこから作られますか？
標準では公開中のサイトから抽出します。Figma から取り込んだり、配色やフォントを手動で調整したりもできます。
編集してもブランドは守られますか？
はい。エディターでは Brand Style が常に有効で、チャット編集・セクションの再生成・修正モードのいずれもその範囲で動作します。
Reference Style とは何ですか？
目指すデザインの方向性を書いた Markdown のメモです。Brand Style とあわせて生成AIに渡されます。