3款高效实用的Figma图表插件,快速实现3D饼图效果

当前位置:首页>设计文章>UI>3款高效实用的Figma图表插件,快速实现3D饼图效果

Halo,这里是设计夹,今天分享的是「Figma图表插件。很多同学做3D饼图可能会想到使用3D建模实现,或者是ai里面的3D实现,但是用这两种方法实现起来很麻烦,这里来教大家如何用figam很简单的就可以制作,并且很容易出效果的类似的3D饼图!

01 效果

灵活使用figma中的插件制作3D效果图表,先来看一下实现的效果:

3款高效实用的Figma图表插件,快速实现3D饼图效果
3款高效实用的Figma图表插件,快速实现3D饼图效果

02 准备插件

这里用到三个插件:Charts(制作图表插件)、Easometric(等距方向插件)、Oblique(斜度插件)。

3款高效实用的Figma图表插件,快速实现3D饼图效果

03 制作步骤

1、打开Charts插件,根据需要调整到合适的数值,注意这里要隐藏标签,然后点击生成即可。

3款高效实用的Figma图表插件,快速实现3D饼图效果

2、选中刚才生成的图标,点击Easometric插件,点击TOP R方向,即可更改为需要的方向。

3款高效实用的Figma图表插件,快速实现3D饼图效果

3、把刚才生成的图标每一个块都复制一个出来。

3款高效实用的Figma图表插件,快速实现3D饼图效果

4、先选中第一个块,打开Oblique斜度插件。打开后,调整各种数值。

3款高效实用的Figma图表插件,快速实现3D饼图效果

5、咱们是3D 图表,所以设置90,厚度设置为30,填充色可以修改,也可以默认黑色,默认打组,点击生成。

3款高效实用的Figma图表插件,快速实现3D饼图效果

6、由于咱们设置了打组,所以下面的黑色块可以随意修改颜色。

3款高效实用的Figma图表插件,快速实现3D饼图效果

7、根据上述方法,设置不同厚度,生成各个块。

3款高效实用的Figma图表插件,快速实现3D饼图效果

8、将各个块和在一起即可,根据背景调整透明度以及颜色,就完成啦!

3款高效实用的Figma图表插件,快速实现3D饼图效果

04 灵活运用

灵活运用Easometric和Oblique插件,还可以生成更多内容!还有更多用法,大家可以去开发一下!!

3款高效实用的Figma图表插件,快速实现3D饼图效果
3款高效实用的Figma图表插件,快速实现3D饼图效果
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI

8个国外高质量设计素材网站,设计师必备!

2024-5-7 1:01:22

产品其他资讯

全新iPad Pro和iPad Air亮相:2024年苹果发布会详细汇总及价格

2024-5-7 23:50:32

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索