Introducing New Features in Figma's Dev Mode
2024 年 1 月 28 日

自从在Config 2023上宣布了Dev Mode以来,我们一直与客户合作,构建了一个更好的交接工具。从1月31日开始,Dev Mode将进入下一个阶段,需要付费才能使用。通过这个变化,我们引入了新的功能和改进,帮助您更快地工作,改善协作,并自定义工作流程。

引入Dev Mode的新功能 #

Figma中的Dev Mode为开发人员提供了一切所需,以浏览设计文件并将设计转化为代码。通过Dev Mode,设计师和开发人员可以保持沟通一致,确保重要细节不会在交接过程中丢失。

除了目前正在使用的功能 (opens new window)外,我们还将于1月31日推出一些新功能:

了解更多关于Dev Mode的信息→ (opens new window)

了解如何在1月31日后使用Dev Mode #

在1月31日,免费的Dev Mode beta将结束。之后,继续使用Dev Mode将需要付费。

根据您的计划和席位类型,您可能需要升级以继续使用Dev Mode。

入门计划和文件查看器的用户 (opens new window)可以继续查看属性和测量、复制代码和导出资源。

了解更多关于计划和定价的信息→ (opens new window)

升级到付费席位 #

要升级到付费席位并继续使用Dev Mode,请在Dev Mode文件顶部的横幅中单击获取Dev Mode,然后根据说明升级您的计划或请求席位。

Get_Dev_Mode_banner.png

为您选择合适的席位 #

如果您打算继续使用Dev Mode,请根据自己的需求选择合适的席位。 如果您不希望升级到开发模式,仍然可以查看和协作设计 (opens new window)。作为设计模式下的观察者,您可以检查属性值和帧详细信息,导出资源,复制CSS、iOS和Android代码片段,以及使用修饰键 (opens new window)来标记和测量设计。

开发模式 #

设计模式下的查看权限 #

  • A

    检查属性值和帧详细信息

  • B

    导出资源

  • C

    右键单击图层时,从复制/粘贴菜单中复制CSS、iOS和Android代码

以下是在开发模式和设计文件中作为观察者之间的其他主要差异: