教你使用figma工具复制copy页面及对应的代码

 部分开发部门习惯用figma工具上传 Ui图,开发人员不会使用的话,还得自己去吸色,css样式,等交接页面时,软测,UI人员可能会找到各种不符合要求的原型图,这就需要大量的工程修改,这期教小伙伴们如何使用figma工具copy背景,页面及对应的css代码(研究了挺长时间才弄懂的工具)

教程开始

第一步

 

 第二步

点击这个  复制copy整个页面的设计图(肯定是不能在公司的原型图上修改的了~)

 点击copy后 会出现这个 点击  open

 这个时候就可以复制了

选中你要复制的页面,左侧会有,眼睛睁开代表复制这一样式图,点击关闭就是 取消(不方便显示,有公司的原型图.... 自己摸索一下吧)

 选好要copy的背景图/样式图,页面右侧   有对应的css样式代码和导出文件

 

把导出的文件放在代码文件夹中 这就可以本地引入了~

教程结束,

 下期教程:如何使用base64导入图片到代码中