本文主要是介绍figma 基础使用 —— 常用方法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、 导入组件
分成两种方式
(1)离线的包导入(iOS 常用组件.fig 直接拖拽到figma最近网页)
(2)在插件市场下载
https://www.figma.com/community
二、figma中使用标尺
快捷键:shift + R
三、插件自动填充头像
直接选中右键,找到plugin中的已下载的插件填充
四、组的概念
五、画矢量图 和 导入现成矢量图
导入现成矢量图,直接复制粘贴在figma里面,可以直接修改尺寸和颜色,但是它头上有一个frame的名字,不知道为什么弄不掉。后来我将这个图层拖拽到我的手机图层里面,那个frame的标识就不见了。
六、定义Fill、定义Text、定义常用阴影
1. 定义Fill
当元素需要设置颜色时,找到Fill填充部分,点击style按钮,我们在Libraries里面创建一个颜色变量,也可选择已经创建好的变量颜色。
2.定义Text(字体、粗体、字号、上下左右间距、文字排列方式)
我们一般设计时用什么字体?
答:pingfangSC是苹果的,目前我就采用默认的Tahoma:显示效果比Arial好
七、定义Component组件、给Component组件添加变种、使用组件
定义组件:第一选中元素,第二,右键 create component
给组件添加变种:选中组件,右键,在弹出的菜单中选择 Main Component中的add variant(添加变种)
注意:只有将变种添加到变量中去,才可以在组件的状态下拉种看到。
可以点击右上角图标,可看到全部Component
八、将组件转化为 frame
选中组件,右键,选择Frame selection
这篇关于figma 基础使用 —— 常用方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!