workbench

連携

いつものツールと Workbench をつなぐ

Figma からデザインシステムを取り込み、AI アシスタントからの変更提案も同じ承認フローへ。承認済みの成果物はファイルや公開サイトとして持ち出せます。

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

抽出

Figma

デザインシステムをそのまま取り込む

トークンとコンポーネント

Figma のパーソナルアクセストークンを接続し、配色・タイポグラフィ・コンポーネントを Brand Kit に取り込みます。

生成時に再利用

取り込んだコンポーネントは生成・編集時に再利用され、チームがすでに使っているデザインに沿った結果になります。

Reference Style

目指す方向性を Reference Style に記述し、トークン以上に生成をコントロールできます。

製品デモのアニメーション:デザイナーがレビューを依頼し、レビュー担当が変更前と変更後にコメントして承認、サイトが公開されます。
サンプル画面

依頼

MCP サーバー

レビューのルールを守る AI アシスタント

API キーで接続

Model Context Protocol に対応したアシスタントから、サイトのページの一覧・検索・閲覧ができます。

編集ではなく提案

アシスタントはページの変更や新規ページを提案します。提案は安全な変更のルールで事前にチェックされます。

同じ承認フロー

提案は通常の変更と同じくレビューに回り、担当者が承認または却下します。

製品デモのアニメーション:プロジェクト一覧にサイトごとのリデザインとステータスが並び、作業の進行に合わせてステータスが更新され、レビュー中のプロジェクトに絞り込んで、1件をエディターで開きます。
サンプル画面

プロジェクト

エクスポートと公開

承認済みの成果物を、どこへでも

エクスポート

承認済みのデザインを HTML または画像でダウンロードできます。

独自ドメインで公開

承認済みのサイトを公開し、独自ドメインを接続できます。

共有リンク

Workbench のアカウントを持たない関係者にも、プレビューのリンクを共有できます。

Workbench

いまのツールとつなぐ

無料で始めるか、デザインシステムやレビューの進め方についてご相談ください。