跳到主要内容
Figma设计
在一个地方设计和原型
FigJam公司
与数字白板协作
开发人员模式
将设计转换为代码
Figma幻灯片
共同创建演示文稿
人工智能
探索所有Figma AI功能
下载
获取桌面、手机、字体安装程序应用程序
新增功能
查看最新功能和版本
用例
角色
组织机构
创造者基金
打造和销售您喜欢的产品
用户组
加入当地的Figma之友小组
事件
在虚拟活动中学习最佳实践
客户案例
阅读有关领先产品团队的信息
快捷方式:Figma博客
关于产品如何塑造和塑造我们的世界的故事
开始
学习
设计移交图
Figma提供了一种设计切换体验,使设计者和开发人员保持一致。更好地沟通,提供一致性,打造卓越产品。
受到团队的信任
改进设计师和开发人员之间的沟通和协作,以便设计的东西就是构建的东西。
使用附加信息和测量值轻松注释设计文件,提高清晰度并加快开发速度。
开发人员可以很容易地将一个框架与其以前的版本进行比较,以了解到底发生了什么变化。
使用部分状态清楚地表示哪些屏幕已准备好供您的开发合作伙伴使用。
邀请开发人员从一开始就进行协作,并权衡设计决策。为他们提供专用的视图-视图模式,以检查、比较和实施设计。
了解有关开发模式的更多信息
轻松创建、维护和共享组件和样式。在设计文件和带有标记的代码中使用相同的语言,并在设计文件中查看其他开发人员资源。
了解有关设计系统的更多信息
获取测量、规格和样式等详细信息。从您的设计中生成生产就绪的CSS、iOS或Android代码片段。或者,只需单击一次即可导出资产。
了解更多信息
我们对VS代码的扩展将设计文件引入文本编辑器。检查Figma文件,与设计者协作,接收通知,并从VS code获取代码建议。
设置集成
以前,开发人员必须检查每个元素。现在,我们可以从设计中自动生成代码。
Saurabh Soni,Razorpay设计主管
了解更多关于开发模式以及它如何促进设计到开发人员的移交。
探索开发模式
阅读专家的最佳实践集。
获取指南
了解Figma工程和设计团队如何使用Dev Mode进行切换。
阅读文章