跳到主要内容

开发人员模式

会见开发人员模式：从想法到IRL的最快方式。现在，各种规模的团队都可以在Figma中将设计和开发紧密结合在一起。

受到团队的信任

简化设计和工程之间的往返

开发模式将结构添加到Figma中，这样设计和工程可以更好地协同工作。

添加注释和度量

使用注释和度量加快交接准备。它们会随着设计的变化而更新，所以您可以不断迭代。

使流程更加清晰

开发模式有助于团队专注于推进工作。准确查找并跟踪准备构建的内容、更改的内容和完成的内容。

保持工作联系

停止使用流行开发工具中的工作流插件在设计库、代码库和项目管理工具之间切换。

大众汽车标志 — 桑德拉·绍斯
大众汽车集团服务业务开发服务首席用户体验专家

通过推动设计系统的采用来衡量产品设计和工程质量。

通过在设计和开发之间建立一致性，使设计系统成为阻力最小的路径。

获取组件信息

探索与画布上的对象直接相关的组件属性和文档。

连接设计系统和代码库

使用“代码连接”将代码中的组件与Figma中的设计系统链接起来，因此代码段始终是生产级的。

了解HP如何使用开发模式提高设计系统的采用率

阅读这个故事

帮助开发人员在Figma中更高效

开发模式使您可以轻松找到开始构建所需的细节，而无需设计知识。

Visual Studio代码的Figma

我们对VS代码的扩展将设计文件引入文本编辑器。检查Figma文件，与设计者协作，接收通知，获取代码建议以更快地构建。

复制相关代码

从您的设计中生成CSS、iOS或Android代码片段，或者使用插件为您使用的任何框架或库自定义代码。

使用Figma的团队将开发效率提高30%

获取Forrester TEI报告

探索更多的设计和开发资源

我们为什么建立开发模式

探索Dev Mode背后的故事，以及我们如何在Figma中提高工作流的效率。

开发人员移交指南

了解如何充分利用Figma的功能并改进您的设计传输。

社区插件

探索社区构建的插件，以扩展您在Figma中的工作方式。