workbench
デザインチーム

公開中のサイトから、ブランドに沿った3つの方向性を。比べて1つを選び、チャットや修正モードで仕上げます。Brand Style が、すべての変更をブランドの範囲に保ちます。

デザインチーム
ソリューション / デザインチーム

すべての方向性を、元のサイトと並べて。

Before と After をひとつの画面で

02

すべてのリビジョン

03

デスクトップ・スマートフォン・自由幅

デザインチーム向けの Workbench

3つの方向性を比べ、チャットや修正モードで仕上げ、ブランドを守る。

製品デモのアニメーション:サイトのURLを入力すると、Workbenchがサイトをクロール・解析して3つのリデザイン案を生成し、選んだ案をエディタで開きます。
サンプル画面

URLを入力

01比較

プレビューのツールバーからワンクリックで、公開中のサイトと現在のリビジョンが並びます。

製品デモのアニメーション:リデザイン案を元サイトと並べて比較し、新しいリビジョンに切り替えて見比べ、スマートフォン表示で仕上がりを確認します。
サンプル画面

プレビュー

02Brand Kit

Brand Style が、公開中のサイトや Figma ファイルから配色・フォント・コンポーネントを取り込みます。

製品デモのアニメーション:Workbench が公開中のサイトからブランドの配色・フォント・コンポーネントを抽出し、Figma からデザインシステムを取り込み、Brand Style をプレビューに適用します。
サンプル画面

抽出

Frequently asked questions

デザインチームのよくある質問

細部は自分で調整できますか?

はい。修正モードでテキストをその場で編集し、フォント・サイズ・太さ・色・余白・角丸を設定できます。

デザインツールの代わりになりますか?

いいえ。公開中のサイトからレビュー済みの方向性までを速くするためのものです。Figma からスタイルを取り込み、必要に応じて HTML や PNG で書き出せます。

クライアントはアカウントなしでレビューできますか?

はい。閲覧専用のプレビューリンクを共有できます。ログイン不要で、自動で失効します。