workbench
Workbench プラットフォーム

Workbench はサイトを読み込み、ブランドに沿った3つの方向性を提案し、選んだ1案を編集・レビュー・公開まで運びます。デザイン・マーケティング・Web担当のための、ひとつのワークスペースです。

kaede-clinic.jp / V3

URLから承認まで

5ページを解析

02

3つの方向性を比較

03

美咲さんが承認

Workbench の中身

公開中のサイトが、スコア付きの3つの方向性になり、そのままエディターで開けるまで。実際に使う画面と同じ流れです。

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

URLを入力

01ブランド

公開中のサイトから配色・タイポグラフィ・コンポーネントを抽出し、1つの Brand Style にまとめます。

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

抽出

02編集

照準ボタンをオンにして、変えたいボタン・見出し・セクションをクリックします。

製品デモのアニメーション:プレビュー上で予約ボタンを選択し、チャットで変更内容を伝えると、Workbench が新しいリビジョンとして反映します。
サンプル画面

選択

03比較

ワンクリックで、公開中のサイトと現在のリビジョンが並びます。

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

プレビュー

04レビュー

メッセージを添えて、ワークスペースのメンバーからレビュアーを選びます。

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

依頼

すべてのステップに

生成・比較・編集は Workbench が担い、すべての変更はサイトに責任を持つ人がレビューします。公開すると決めるまで、何もワークスペースの外には出ません。

全員が同じ流れに

デザイナーが細部を整え、マーケターがコピーを書き換え、マネージャーが承認。すべてが1つのプレビューで進み、ワークスペース外の人には共有リンクで。

オーナーとメンバーの権限自動で失効する閲覧専用リンクプロジェクト・チーム・ユーザーごとの利用上限
Web・IT 担当向け
製品デモのアニメーション:デザイナーが修正モードで予約ボタンを調整し、マーケターがチャットで見出しを書き換え、マネージャーが同じプレビューを承認して、チームで1つのリンクを共有します。
サンプル画面

デザイナー

Frequently asked questions

プラットフォームについての質問

始めるのに何が必要ですか?

公開中のURLだけです。必要に応じてプロンプトやブランドを追加できます。無料プランで最初のプロジェクトを始められます。

公開まで Workbench でできますか?

はい。選んだデザインを workbench.design のアドレスや独自ドメインで公開できます。HTML や PNG の書き出しも可能です。

日本語で使えますか?

はい。画面・プロンプト・生成されるサイトのいずれも、日本語と英語に対応しています。