Figma Make 的本地代码模式是"设计在哪里,工具就在哪里"的最佳诠释。设计师不再需要在 Figma 和 IDE 之间来回切换——你在 VS Code 里描述组件需求,Figma Make 实时生成代码并同步到画布,改完代码,设计稿自动跟上。这对前端设计师和设计系统团队是重大升级。今天就去 figma.com/make 试试本地模式。
名词解释
Figma MakeFigma 的 AI 代码生成工具,支持在 Figma 画布内用自然语言生成可运行的前端组件代码(React/HTML/CSS),现已扩展支持本地 IDE 环境运行。
你是一位 Figma 设计专家,已连接到我的 Figma 画布。请帮我完成以下任务:1)基于现有设计系统,生成一个用户个人中心页面,包含头像、基本信息、历史订单入口、设置入口;2)检查所有新生成的元素是否使用了 Color Variables 和 Text Styles;3)确保间距符合 8px 栅格规范;4)输出完成清单和任何需要人工确认的设计决策。
热门模板Figma Weave
Figma Weave 用户画像模板:2 分钟让 Persona 活起来,设计决策有了情感锚点
✕
编辑观点
传统 Persona 是设计师"写给自己看"的文档——创建完就放在角落吃灰。Figma Weave 的革命性在于让 Persona 变成可对话的活体:你可以实时问它"在这个功能上你会卡在哪里",AI 会用第一人称、结合生活背景回答。这让用研洞察真正嵌入设计决策过程,而不是停留在 PPT 里。今天就去 Figma Community 搜索这个模板。
名词解释
Figma WeaveFigma 的 AI 内容增强工具,可以将结构化数据(如用户调研数据、品牌信息)转化为丰富的视觉内容和可交互的叙事体验,2026年功能持续扩展。