Figma于2025年5月7日在Config2025大会上正式推出Figma Sites，一项革命性的AI驱动建站功能。
核心功能:从设计到发布一气呵成
Figma Sites的核心优势在于其无缝设计到建站的工作流。用户可从Figma社区获取丰富的预设模板、布局和交互组件，快速构建网站雏形。通过AI编码辅助（Figma Make），设计师无需深入编程即可为网站添加动画、过渡效果或交互元素，
例如通过文本提示生成“文本如羽毛般飘落”的动画效果。生成后的网站支持实时编辑，团队成员可通过直观的编辑器调整内容、样式或结构，确保品牌一致性。Figma Sites还计划于年内推出内置CMS，允许用户直接在平台内管理博客文章、缩略图等内容，进一步简化网站运营。
Figma Sites 有哪些功能?
Figma Sites 不是像Dev Mode 或Figma Draw 直接在设计界面底下切换而已，而是跟FigJam/Figma Slides 一样，Sites 又是另一个档案类型，另一个编辑介面。所以如果Design 的一些功能在Sites 找不到，也不要太讶异。
除了Figma 本身的视觉设计功能，每个网页页面还可以修改以下内容：
- 页面 Title 和 Meta Description，设定 Favicon
- html tag 的lang 属性值
- 可以设定是否被搜寻引擎索引(meta noindex)
- 页面的url 名称
目前Figma Sites 也没有限制什么页面数，可能后续也会加相关限制，毕竟只是今年刚推出，暂时不做额外收费
2025 年Figma 又重新发表一个专门给Sites 用的AI 画UI 功能，叫做Figma Make，有一个AI 聊天对话视窗可以跟设计稿互动，使用的AI 模型是Claude 3.7
具体功能
- 基本SEO配置：由于可以配置页面的title和meta属性，所以基本上Figma Sites发布的网页把SEO都做了，让设计师专注制作内容
- 支持独立页面和自订域名，且绑定域名免费，优化了用户体验
- 设计稿能转换成React前端页面，支持多样的动态特效与互动设计
- 可插入自定义代码，支持Google Analytics 等追踪，具备基本SEO设置
- 支持与Figma AI结合使用，目前暂未开发
应用场景
Figma 官方在宣传这个产品时，特别点名三种适合拿来用Figma Sites 做的网站:
- 个人作品集(personal portfolio)
- 活动网站(event site)
- 产品登陆页(product landing page)
结语
首先想要用Figma Sites 来做网站，网页编辑人员自己要先买一个Figma 的Full Seat 方案，免费帐号是无法编辑和发布网站的。
不能与后端进行交互，只能展示静态内容，虽然确实减少部分开发，但是主体还是需要开发来做，如果后续该功能进一步进行收费，那就得不偿失，只适合定制静态网站。
优点还是有的，如果结合Figma AI的话，还是可以让非开发人员体验一把开发网站的乐趣，当然得付出💰
只是个人的一些见解，欢迎讨论
