界面设计与原型制作
Figma Design 用于网站、移动应用和数字产品界面的设计与原型制作。矢量编辑支持直接擦除与重新填色,让画布上的编辑更直接;Auto Layout 自动布局让组件像代码一样自适应,文本或内容变化时容器自动调整;设计变量用于统一管理颜色、字号与间距等设计属性。将静态设计文件转为交互式原型时,只需连接 UI 元素并选择交互与动画即可,支持 Smart Animate 高级过渡、动态叠加和 GIF 动画,并可借助移动应用在移动设备上体验设计效果。
团队协作与设计系统
Figma 支持多人实时在同一文件中协同编辑,评论会保留在设计文件与原型中。团队可通过可搜索的资产库、可共享的样式和包含图标、字体等资源的共享库保持设计一致;组件与自动布局使设计与代码对齐,方便开发人员获取构建所需的尺寸与样式值。版本历史记录详细的变更,并支持控制团队库的查看与编辑权限。内置分析可了解设计系统的采用情况,衡量设计对组织的影响。
FigJam 白板与头脑风暴
FigJam 是在线白板,用于流程图绘制、头脑风暴、需求整理与工作坊,通过贴便利贴、连线、标注等方式在正式设计前梳理需求与想法,并可借助 AI 将复杂想法整理成结构化图表。
Dev Mode 开发者交付
Dev Mode 将设计转化为可检视、可直接实现的工程规格,提供 CSS、iOS、Android 等代码标注与资产导出;Ready for Dev 视图集中展示待开发的设计更新,开发者可跟踪变更状态;Code Connect 可将设计系统中的组件直接生成所需代码,覆盖 React、React Native、iOS、Android 等平台。
Figma Slides 演示文稿
Figma Slides 是面向设计团队的演示工具,可插入 Figma 设计或可交互原型,支持渐变、图表、图标与动画插件,以及叠加、描边、圆角等视频样式;团队可同文件协作,使用演示者备注与共同演讲控制、AI 调整文案语气、将 FigJam 脑暴转化为人演示文稿,并通过实时投票与互动原型收集听众反馈,支持导入 .pptx 文件与高质量模板。
Figma AI 智能化设计
Figma AI 将大模型能力融入各产品:根据文本描述生成与编辑图像、一键移除背景、提升低分辨率图像清晰度、扩展图像边界与隔离或擦除对象、将位图矢量化;改写、翻译或调整文本语气;通过可视化搜索按图像内容查找团队文件中的设计;为图稿自动重命名图层并生成内容填充。AI 功能在付费方案中提供,并按产品共享统一的额度体系。
网站发布、素材生成与应用创建
Figma Sites 可将设计直接发布为响应式网站;Figma Buzz 用于规模化生成符合品牌调性的营销素材;Figma Make 支持通过文字描述生成带真实代码、可继续视觉或代码编辑的应用与原型雏形;Figma Draw 提供进阶矢量插画能力。以上产品与 Figma Design、FigJam、Slides 共同构成覆盖设计、协作、演示与产出的一体化平台。
插件生态与外部集成
Figma 提供丰富的官方 API 与插件生态,社区中可获取数千款插件、图标库、UI 套件与模板;同时支持将 Figma 通过 MCP 服务接入 Claude 等外部 AI 编码工具,在对话中直接运行或查询设计资产,组织管理员可通过身份提供商集中管理 MCP 授权。上述集成能力帮助设计团队与开发及 AI 工具链深度协同。
Figma Motion 画布动画
Figma Motion 将时间线动画直接引入设计画布,与组件、变量和团队文件同处一处,可在设计文件中为原型添加可播放的交互动画,让设计成果从初稿阶段就可动起来。
Code Layers 代码图层
Code Layers 允许直接在 Figma Design 画布中编写与运行代码,将代码探索与可视化设计并排进行,帮助设计师与开发者在同一环境中快速验证代码方案、多方案对比并沉淀到设计文件中。
Weave 创意整合
Weave 将 Figma 与创意制作工作流连接在一起,支持生成式插件与着色器(shaders)的创作与分享,把生成式插件和着色器创作能力带进设计与创意流程,创作者可更自由地扩展画布表达并分享给社区。