Figma入门-形状工具

Figma入门-形状工具

引用

CSDN

1.

https://blog.csdn.net/qq_30333063/article/details/144041947

Figma入门-形状工具

前言

在之前的工作中，大家的原型图都是使用Axure制作的，印象中Figma一直是个专业设计软件。最近，很多产品朋友告诉我，很多原型图都开始用Figma制作了，并且很多组件都是内置的，对各种原型图的制作及其友好，只需熟悉一下基本的操作即可上手。所以我打算一探究竟，听说的终究是听说，自己上上手才是真的。所以接下来的文章我打算记录从0开始上手Figma的过程。本系列直接从实操开始，有所错漏或者操作错误，还请大家指正。如果有更高效的使用方式，也欢迎交流。本篇文章我们来讨论形状工具的使用。

形状工具

形状工具就在最底部的工具栏，点击即可切换。默认提供有：矩形、直线、箭头、椭圆、多边形、星形、Image/video，这七种形式，它们的使用形式都大同小异。

折线（修改落点位置）

两次双击会出现这样的小圆点，可以直接拖动，实现折线。

其它形状也一样

圆角

选中时鼠标移入会出现这样更大一点的在内部的小圆点，可以拖动它，实现圆角的修改。点击 options(macos) 可以切换全修改和单个修改。

椭圆可以切换扇形和环形

星形可以修改内角和外角的圆角

角数

多边形和星形最边上的那个圆点上下拖动，可以切换角的个数

多边形

星形

组合

这些形状工具在做一些图标或者特殊的图形标识的时候很有用。结合上一篇所讲的一些效果内容，可以做出一些很炫酷的形状。例如这是一个椭圆形状和星形形状的组合。发挥一下想象力，很多图标都可以用这种基础形状的各种组合来完成。

总结

折线：两次双击会出现可以直接拖动的小圆点，修改落点位置。

圆角：选中时鼠标移入会出现修改圆角的小圆点。

角数：多边形和星形最边上的那个圆点上下拖动，可以切换角的个数

组合：发挥一下想象力，很多图标都可以用这种基础形状的组合来完成。