FigmaをWebサイトへ:ワンステップ設定で素早く公開
デザイナーは開発者との往復作業に多くの時間を費やし、プロジェクトが長期化することがよくあります。YouWareのFigmaからWebサイトへの変換機能は、「迅速+シンプルな操作」でこのフローを効率化し、「コード不要・待ち時間ゼロ・即時公開」でデザインを瞬時に実現します。
ステップバイステップ:ワンステップ設定で素早く公開
Figma MCPツールのインストール方法
1. YouWareを開き、MCPツールマーケットプレイスに入る。
YouWareのホームページで「作成」をクリックして作成ページに移動し、入力ボックスの左下にある「MCPツール」ボタンをクリックします。
これはすべてのツールへの統一エントリーポイントであり、FigmaをWebサイトに変換する最初のステップです。
2. Figmaツールをインストールし、個人アクセストークンを設定する。
MCPツールページで「+」をクリックしてFigmaツールを選択します。個人アクセストークンの設定を促すメッセージが表示されますが、セキュリティの心配は不要です。YouWareはデザインとアカウントのプライバシーを守るために読み取り専用権限のみを要求します。
3. Figmaでアクセストークンを用意する
Figmaのホームページを開き、アバターをクリックしてアカウント設定にアクセスします。
- 設定で「セキュリティ」タブに切り替えます。
- 下にスクロールして「個人アクセストークン」エリアを見つけます。
- 「生成」をクリックして新しいページに移動します。
- トークンに名前を付け(例:「YouWare MCP」)、権限は「読み取り専用」(現在のユーザー、開発リソース、ファイルコンテンツ、ファイルメタデータ、ファイルバージョン、プロジェクトを含む)を選択します。
- ワンクリックでトークンを生成し、すぐにコピーします(トークンは一度しか表示されないので、必ず保存してください)。
4. YouWareにトークンを貼り付けて設定を保存する。
取得したトークンをYouWareのポップアップウィンドウに貼り付け、「保存」をクリックして接続を完了します。
プロセス全体の設定は不要で、エラーなくストレスフリーです。

