简报文档:Figma Config 2025 产品发布会亮点回顾
日期: 2025年【发布日期】
来源: Figma Config 2025:Figma产品发布会主题演讲(Figma联合创始人兼首席执行官 Dylan Field)节选
概述:
这份简报文档回顾了Figma Config 2025主题演讲的主要内容,重点介绍了Figma发布的四款新产品以及Figma Design中的重要更新。演讲强调了设计在当今软件开发中的核心作用,以及Figma致力于消除工具障碍,让设计师能够更快地将想法变为现实。
主要主题和重要思想:
- 设计的核心地位不断提升:
- Dylan Field强调,设计不再仅仅是流程中的一个步骤,而是“现在就是流程本身”。
- 在AI使得软件构建更容易的当下,设计的重要性更加突出,它关乎“工艺、品质、观点”,是让产品脱颖而出并受到喜爱的关键。
- Figma的目标是帮助用户“探索更多想法”,并“尽快地从想法到产品”。
- 持续提升Figma的基础性能和质量:
- 尽管发布了大量新功能和新产品,Figma也同样重视“保持您所期望的质量和性能”。
- 针对用户文件平均大小增长18%的情况,Figma在优化大型文件性能方面做了大量工作,包括降低内存占用、智能缓存、渐进式加载原型和页面,从而将最慢文件的加载时间减少了33%。
- 正在对设计系统架构进行“大规模重写”,预计明年初发布后,将带来更快的实例更新和更灵敏的整体编辑体验。
- Figma的“基础原则”之一是“Figma需要让开”。
- 推出四款全新产品,拓展Figma生态系统:
- 除了现有的FigJam、Slides、Figma Design和Dev Mode,Figma今天推出了四款新产品:Grid (作为Auto Layout的一个选项)、Sites、Buzz和Make。
- 新产品旨在解决设计工作流中不同的痛点,并吸引更广泛的协作者进入Figma生态。
- Figma Design的重大更新,特别是向量编辑和视觉表达能力的提升(Figma Draw):
- 认识到现有的向量编辑功能存在长期问题(如布尔运算、展平对象、轮廓化描边等),Figma对核心向量编辑功能进行了“完全重写”,并带来了22项新功能和改进。
- 引入了“Figma Draw”模式,提供更专注于视觉设计的UI和工具。
- 新功能包括:
- 形状生成器工具: 通过点击和拖动合并或移除形状。
- 套索选择工具: 精确选择顶点。
- 径向重复: 沿圆形路径轻松创建重复元素。
- 路径上的文本: 直接在路径上输入和编辑文本。
- 纹理效果: 应用非破坏性的纹理效果。
- 渐进式模糊: 创建具有平滑过渡的模糊效果。
- 画笔描边: 应用不同预设的画笔效果。
- 自由绘制(画笔工具): 直接在画布上进行手绘。
- 动态描边: 应用程序化生成的不规则(wiggly)描边效果(即将推出)。
- 可变宽度描边: 手动调整描边各个点的粗细(即将推出)。
- 图案填充: 使用画布上的源图层创建可重复的图案填充,且源图层更新时图案同步更新。
- 旋转原点: 自定义旋转的中心点。
- Figma Draw旨在“提高你在Figma中可以做的事情的上限”,并“实现更多的工艺”。
- 推出Figma Sites,弥合设计与发布的鸿沟:
- Figma Sites旨在帮助用户“快速地从现有设计到实时网站”。
- 支持响应式设计和断点。
- 自动在不同断点之间进行多重编辑。
- 可以直接使用Figma库中的组件,并自动适应相应断点的变体。
- 集成了类似原型功能的交互设置,并引入了“预设交互”(Preset Interactions)来快速添加悬停、视差、可拖动等效果。
- 预览模式是HTML和CSS输出的,而非普通的Figma预览。
- 通过“发布”按钮直接将设计变为可访问的网站。
- 预览了即将到来的CMS功能,用于管理网站动态内容,支持连接模式将数据绑定到设计图层。
- 预览了“代码图层”(Code Layers)功能,允许用户将设计转换为React和Tailwind代码,并在其中添加自定义逻辑和交互,支持导入NPM模块和Figma提供的Hooks。
- Figma Sites面向付费计划的用户,并计划推出付费功能用于额外托管、自定义域名和带宽。
- 推出Figma Make,利用AI实现快速原型和创意探索:
- Figma Make允许用户“从现有设计出发,并通过提示(prompt)生成完全编码的原型”。
- 用户可以将设计(框架或元素)复制粘贴到Make提示框中,并用自然语言描述所需的交互或功能。
- Make理解设计结构和元数据,而非仅基于图像生成。
- 展示了通过Make实现交互式CD播放器、骑行数据可视化、桌面应用适配、网格可视化、复杂图形渲染(shaders)、3D工具、沉浸式世界(游戏)和手势追踪等功能。
- Make能够生成可发布的代码原型。
- 正在将Make集成到Figma的其他产品中,例如Figma Sites中的代码图层。
- 引入了“指向并编辑”(Point and Edit)工具来直接操作设计元素的属性(如大小、颜色、字体)。
- 引入了“指向并提示”(Point and Prompt)功能,允许用户指定设计的特定部分并仅对该部分进行提示修改。
- 强调Make仍处于早期阶段,结果可能“非确定性”,但正在快速改进。
- Make将在Beta期间免费提供,并计划在退出Beta后成为付费产品。
- 推出Figma Buzz,简化品牌资产管理和内容协作:
- Figma Buzz是为品牌建设者和营销人员设计的,旨在解决他们在处理大量营销资产和与非Figma用户协作时的痛点。
- 提供了更精简、更集中的UI,方便访问共享品牌库和模板。
- 基于Figma Design中创建的模板,用户可以在Buzz中轻松编辑内容和调整变体。
- 引入了“批量创建”(Bulk Create)功能,允许用户通过上传CSV文件,将电子表格中的数据批量填充到多个资产中,大大提高效率。
- Figma Buzz旨在为内容贡献者提供更易于访问的空间。
- Figma Buzz的Beta版今日对所有用户开放,退出Beta后将包含在Full和Dev seat中,并引入新的Content seat。
- Content seat旨在为内容贡献者(如营销人员)提供对Buzz、Site CMS以及未来其他需要内容贡献的产品、FigJam和Slides的访问权限。
- 强调社区和未来的可能性:
- 感谢Config的参与者和全球各地的Friends of Figma小组。
- 认可用户通过扩展Figma的可能性、用它来做原本未构建的事情所带来的创新。
- Dylan Field表示,十年前浏览器中的设计被视为激进想法,未来同样会有现在看似不可能的事情成为新的常态。
- 鼓励设计师继续“思考更远,思考更深”,“永不满足”,推动设计边界。
- 感谢Figma团队的辛勤工作,他们“将产品组合增加了一倍,从四款增加到八款”。
新产品和功能可用性概览:
- Grid (Auto Layout选项): Figma Design中今天晚些时候可用。
- Figma Sites: 今天发布Beta版,面向付费计划的完整席位用户,Starter计划即将开放访问。未来退出Beta后可能会有额外费用(托管、自定义域名、带宽)。CMS和代码图层功能“即将推出”。
- Figma Buzz: 今天发布Beta版,面向所有用户。退出Beta后包含在Full、Dev seat以及新增的Content seat中(Content seat将于今年晚些时候推出)。
- Figma Make: 未来几周内向完整席位用户逐步推出。Beta期间免费,有使用限制。退出Beta后将是付费产品。
- Figma Draw / 向量编辑改进: 所有新功能今天对所有用户可用。可变宽度描边将在“一两个月内”推出。