Figma入门-立体效果
前言
在之前的工作中，大家的原型图都是使用 Axure 制作的，印象中 Figma 一直是个专业设计软件。
最近，很多产品朋友告诉我，很多原型图都开始用Figma制作了，并且很多组件都是内置的，对各种原型图的制作极其友好，只需熟悉一下基本的操作即可上手。
所以我打算一探究竟，听说的终究是听说，自己上上手才是真的。
所以接下来的文章我打算记录从0开始上手 Figma 的过程。
本系列直接从实操开始，有所错漏或者操作错误，还请大家指正。
如果有更高效的使用方式，也欢迎交流。
本篇我们来讨论立体效果。
立体效果
立体效果呢，我们可以借助一个插件来实现。
点击底部的 actions，选择 Plugins & Widgets，搜索 Easometric
点开后可以看到这个插件的详情和描述，点击保存。
还是以我们之前做的图标为例，右键 - 插件 - Easometric，咱们可以看到各种选项
咱们复制三个图标，把每一个选项都点一遍。
众所周知，一个正方体有六个面，咱们把侧面的复制两个
咱们调整一下透明度，再调整一下他们的层级，右键 - 移到顶层，或者右键 - 移到底层。
至此，咱们完成了一个立方体的制作。
咱们选中其中一个面，可以发现，这个插件实际上是修改了转换 （Transform） 属性
可以发现，这跟 css 里面对 Transform 的用法差不多。
总结
在上述过程中，我们学习了如何使用 Easometric 插件来创建立体效果。
首先我们安装了 Easometric 插件，通过 Figma 的插件市场搜索并保存。
然后使用该插件对图标进行处理，尝试了不同的立体视角选项，复制并调整了多个面来构建一个完整的立方体。
最后通过调整各个面的透明度和层级关系，实现了一个真实的立体效果展示。
– 欢迎点赞、关注、转发、收藏【我码玄黄】，各大平台同名。