Figma 是在浏览器里工作的界面设计工具,交付物是带组件、变体和变量的设计稿,而不是图片:设计系统能集中维护,开发和评审可以直接看标注与切图。它的设计流程里也有 AI 相关能力,用于生成或修改界面草稿、填充内容、把静态稿推进到可点的原型,产出仍是可继续编辑的图层。文件与组件库的结构决定协作效率,草稿能不能用要看有没有按你们的设计系统整理;具体功能与开放范围以官网当前页面为准。
主要功能
- 组件与变体支撑一套界面复用,改一处整体生效
- 变量与样式管理颜色、间距和字号,便于对接设计系统
- 开发视角给出尺寸标注与切图,交接不必来回问
- 同一文件多人协作,评论与版本历史可追溯
- AI 相关能力作用于草稿与原型,输出保持可编辑图层
适合谁用
- 产品界面要多稿并行,还要保持组件一致
- 设计与开发要在同一份文件上对齐间距与色值
- 用现成结构快速出一版界面草稿,再人工细化
- 设计系统需要长期维护并留下版本记录
怎么开始
- 先把组件与颜色变量搭起来,再开始画具体页面
- 生成类功能只用来出初稿,落地前整理成自己的组件
- 用开发视角做交接,把标注与切图口径统一