自从在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)
- 在Figma for VS Code中改进导航和运行插件的能力 (opens new window)
- 新的模态框,用于比较更改,以便您可以在代码和两个画框之间查看差异 (opens new window)
- 自动运行插件 (opens new window),适用于个人或整个组织(仅适用于企业计划)
了解更多关于Dev Mode的信息→ (opens new window)
了解如何在1月31日后使用Dev Mode #
在1月31日,免费的Dev Mode beta将结束。之后,继续使用Dev Mode将需要付费。
根据您的计划和席位类型,您可能需要升级以继续使用Dev Mode。
- 入门计划:不包含
- 专业计划:仅包含完整的设计席位
- 组织计划:包含完整的设计席位或可独立获得,每月25美元 (opens new window)
- 企业计划:包含完整的设计席位或可独立获得,每月35美元 (opens new window)
入门计划和文件查看器的用户 (opens new window)可以继续查看属性和测量、复制代码和导出资源。
了解更多关于计划和定价的信息→ (opens new window)
升级到付费席位 #
要升级到付费席位并继续使用Dev Mode,请在Dev Mode文件顶部的横幅中单击获取Dev Mode,然后根据说明升级您的计划或请求席位。
为您选择合适的席位 #
如果您打算继续使用Dev Mode,请根据自己的需求选择合适的席位。 如果您不希望升级到开发模式,仍然可以查看和协作设计 (opens new window)。作为设计模式下的观察者,您可以检查属性值和帧详细信息,导出资源,复制CSS、iOS和Android代码片段,以及使用修饰键 (opens new window)来标记和测量设计。
开发模式 #
A
高级检查功能和自定义插件
B
比较版本之间的更改 (opens new window),并链接开发资源 (opens new window)以改善交接工作
C
附加的代码生成语言
设计模式下的查看权限 #
A
检查属性值和帧详细信息
B
导出资源
C
右键单击图层时,从复制/粘贴菜单中复制CSS、iOS和Android代码
以下是在开发模式和设计文件中作为观察者之间的其他主要差异: