Figma Sites 是什么？设计并发布响应式网站 #
Figma Sites 是 Figma 在 Config 2025 后主推的能力之一：在熟悉的画布上做响应式网站，加交互，并发布到网上（官方标注 Beta）。适合营销页、活动页、轻量产品站，或设计团队先验证布局再交给工程。
产品介绍可参考 Config 2025 回顾 (opens new window)；功能边界、席位与 Beta 状态以 定价页 (opens new window) 和帮助中心为准。
能做什么（公开描述摘要） #
- 从 Figma Design 复制设计到 Sites，或使用模板 / Blocks 起步
- Breakpoints、自适应文本与组件，做多端布局
- 配置滚动、视差等网站向交互；也可结合 Figma Make 用提示生成更复杂交互
- 预览真实 HTML 效果并 Publish
- 与设计系统、资源复用相关的工作流（以当前开放范围为准）
定价页注明：Figma Sites beta 面向 Full 席位等条件开放。若账号里看不到入口，先核对方案、席位与 Beta 推送，再看管理员策略。
和 Make、普通原型的区别 #
| 原型（Prototype） | Figma Make | Figma Sites | |
|---|---|---|---|
| 目标 | 演示流程与过渡 | 提示到可运行应用 / 高保真交互 | 响应式网站并发布 |
| 输出 | 演示链接 | Make 应用 / 预览 | 网站 |
| 学习路径 | 原型入门 | AI 与 Make | 本文 |
建议学习顺序 #
- 会用 Frame、Auto layout、组件：自动布局、组件
- 理解变量与模式（主题 / 断点相关设计）：Variables
- 在 Sites 中设断点与基础交互，先发布内部预览
- 需要定制逻辑时再结合 Make / Code layers（见 AI 指南）
- 交付给开发时仍可用 Dev Mode 与 MCP
常见问题 #
国内访问与域名 #
发布域名、自定义域与组织策略因账号而异。若发布或访问失败，优先排查网络、权限与官方 Status，而不是改客户端。
能不能完全替代写代码的官网？ #
Sites 降低「设计到上线」成本，但复杂业务站、SEO 工程、服务端逻辑仍常需传统开发。把它当快速上线与验证工具更合适。
和 Figma Buzz / Draw 一起用吗？ #
Draw 强化矢量与插画；Buzz 偏品牌物料批量生产。站点里的视觉资产可以来自 Design / Draw，活动物料可用 Buzz。见 Buzz 与 Draw。
相关页面 #
来源：Figma Blog Config 2025 相关文章；figma.com/pricing (opens new window)。Beta 特性随时调整。