Figma 转网站：一步配置，快速上线

设计师经常需要与开发者来回沟通，导致项目周期拖长。YouWare 的 Figma 转网站功能以"快速 + 简单操作"简化了这一流程，实现"无需代码、无需等待、即时发布"，让设计立刻变为现实。

分步教程：一步配置，快速上线

如何安装 Figma MCP 工具

1. 打开 YouWare，进入 MCP 工具市场。

在 YouWare 首页，点击"创建"进入创建页面，然后点击输入框左下角的"MCP 工具"按钮。

这是所有工具的统一入口，也是将 Figma 转为网站的第一步。

2. 安装 Figma 工具并配置个人访问令牌。

在 MCP 工具页面，点击"+"选择 Figma 工具。此时系统会提示你配置个人访问令牌，无需担心安全问题——YouWare 仅申请只读权限，以保护你的设计和账户隐私。

3. 在 Figma 中准备访问令牌

打开 Figma 首页，点击头像进入账户设置。

• 在"设置"中切换到"安全"选项卡。
• 向下滚动找到"个人访问令牌"区域。
• 点击"生成"进入新页面。
• 为令牌命名（例如"YouWare MCP"），权限选择"只读"（包括当前用户、开发资源、文件内容、文件元数据、文件版本、项目）。
• 一键生成令牌，并立即复制（令牌只显示一次，请务必保存）。

4. 将令牌粘贴回 YouWare 并保存配置。

将刚获取的令牌粘贴到 YouWare 弹窗中，点击"保存"完成连接。

整个过程无需繁琐配置，简单无错。

开始将 Figma 链接转为网站

1. 复制 Figma 区域链接

回到你的 Figma 设计，选中想要上线的区域，复制该区域链接。你可以自由选择上线哪个板块和功能，无需导出整个版本。