 最近有一款新兴设计工具 Figma 逐渐走进了大家的视野，越来越多的人尝试了这款软件，并对他赞不绝口。Figma 是一款类似Sketch或XD的UI设计工具，但Figma跟后两者的本质区别在于它基于web，也就是说只要有浏览器和网络就能用。  而在UXD日常教学中，Figma已经成为了每位学员必备的设计基础技能，我们的大量作品集项目在Figma平台完成同步教学和协作，效率得到了极高的提升，同学们都产出了极为国际化的设计作品。 接下来我们为大家科普一些基础且实用的小技能，帮助新加入的小伙伴快速上手软件，无缝衔接加入到UXD交流学习的大平台。  01 UXD Figma基础教学 创建面板  该命令位于figma顶部菜单栏左侧第三位，常用快捷键为“F”。 点击后拖动光标即可在画面内建立相应的画布 右侧菜单栏中的W为面板的宽度，H为面板的高度，可随意调节数值。在输入相应数值按下Enter键后，即可调整面板的宽度。 Figma提供了常用的面板尺寸，其中包含了手机、电脑、手表、纸张等常用尺寸，如有需要点击即可获取。 Figma具有将界面中任意元素Element转化为面板的功能，点击元素，按下快捷键crtl +alt+G，即可转化为Frame。  创建图形按钮位于顶部菜单栏的左侧第四位，此按钮主要用于图形的创建。点击该按钮的下拉菜单，会显示出Rectangle、Line、Arrow、Ellipse等图形，其常用快捷键分别为“R、L、shift+L、O”。 点击制定图形后，拖动光标即可在画面内建立相应的形状，在界面的最右侧可以在layer面板调节图形的叠加方式、透明度与边框/阴影显示与否。
在Fill面板可以调节形状的颜色与透明度
在Stroke面板里，可以调整图形边框的颜色与粗细，以及居中描边、内部描边、外部描边，在Stroke的更多选项中，还可以调节线的端点样式与线的转角样式。
在Effect面板中，可以调节阴影的X与Y的位置信息与Blur模糊程度以及Blur的颜色。
03 UXD Figma基础教学 Pen与Pencil的使用  按钮位于顶部菜单栏的左侧第五位，用于创建复杂的矢量图形。点击该按钮的下拉菜单，可以选择Pen或者Pencil，其常用快捷键分别为“P、Shift+P”。 点击Pen ，选择第一个点的控制点与锚点的位置，之后可以选择第二个、第三个控制点与锚点的位置。绘制完成后，按Enter键即可得到完整绘制图形。 Ps：如果相邻控制点的锚点位置方向同向，则曲线的曲率变化剧烈，曲线不够平滑。如果相邻控制点的锚点位置方向差异较大，则曲线的曲率变化自然，曲线平滑。 点击Pencil，可以自由地进行曲线的绘制。
04 UXD Figma基础教学 文字设置 按钮位于顶部菜单栏的左侧第六位，用于创建文字。点击文字按钮即可创建文字，其常用快捷键为“T”。
需要注意到的是，Android的原生英文字体为Roboto，中文为Noto；IOS的英文原生字体为Helvetica，中文为PingFang SC。 |
|
|
