Figma中文网站

Dev Mode  开发模式

Figma 中开发人员的专用空间。现在,各种规模的团队都可以将设计和开发更紧密地结合在一起。Dev Mode 包含在所有付费计划的 Full 和 Dev 席位中。

深受世界著名团队的信赖

简化设计和工程之间的来回沟通

开发模式为 Figma 添加了结构,因此设计和工程可以更好地协同工作。

添加注释和度量

通过注释和测量加快切换准备。它们会随着设计的变化而更新,因此您可以继续迭代。

使流程清晰

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

保持工作连接

使用来自流行开发工具的工作流插件,停止在设计库、代码库和项目管理工具之间跳转。

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

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

获取组件信息

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

连接您的设计系统和代码库

使用 Code Connect 将代码中的组件与 Figma 中的设计系统链接起来,以便代码片段始终可用于生产。

帮助开发人员在 Figma 中提高效率

Dev Mode 使您可以轻松找到开始构建所需的详细信息,无需设计知识。

适用于 Visual Studio Code 的 Figma

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

复制相关代码

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

Figma

协作界面设计工具