Skip to content

Simple 3D

产品介绍

Simple 3D 是一款运行在 Figma 里的轻量 3D 插件,可以把常见的 Figma 图形快速转换成带厚度的立体效果。它不需要额外打开建模软件,也不需要复杂的 3D 流程,更适合用来处理图标、装饰图形、运营视觉、封面元素、按钮和品牌图形的 2.5D 表现。

Simple 3Dhttps://www.figma.com/community/plugin/1260632020336566834/simple3d

它的定位很直接:
选中图形 -> 读取到插件 -> 调整立体效果 -> 绘制回 Figma。

适合做什么

  • 图标、Logo、几何图形的立体化处理
  • Banner、海报、封面里的 3D 装饰元素
  • UI 页面中的按钮、标签、卡片装饰
  • 快速尝试不同角度、厚度和颜色的 2.5D 视觉方案

主要功能

读取 Figma 图形

支持读取 Figma 中的常见矢量图形,包括矩形、椭圆、矢量、星形、多边形和布尔图形。
也可以读取编组,将多个图形作为一组带入插件中继续调整。

读取时会尽量保留图形原本的颜色、透明度、位置和旋转信息,减少重复设置的成本。

生成 3D 厚度

图形读取后会自动生成可预览的 3D 挤出效果,可以调整:

参数说明
厚度控制图形的立体深度
缩放调整对象整体大小
颜色修改正面颜色,并自动生成侧面明暗
透明度控制对象透明效果
旋转通过 X / Y / Z 角度调整立体方向

插件内置了几组常用视角预设,可以快速切换图形朝向,不用手动一点点调角度。

多对象编辑

Simple 3D 支持多个对象一起操作。
可以对对象进行多选、拖动排序、编组、解组,也可以做常用的对齐和分布操作。

对于读取进来的编组,也可以继续选择组内对象单独调整,适合处理由多个图形组成的复杂图标。

画布交互

插件中的 3D 预览区域可以直接操作对象:

  • 鼠标拖动移动对象
  • 右键拖动旋转对象
  • 滚轮缩放视图
  • 中键或空格拖动画布
  • 方向键微调位置
  • 支持复制、编组、解组等快捷键

整体交互尽量贴近 Figma 的使用习惯,上手成本比较低。

绘制回 Figma

调整完成后,可以将当前 3D 效果绘制回 Figma 画布。
输出结果会以 SVG 形式生成到当前页面,并自动成组,方便继续排版、缩放或与其他设计内容组合使用。

全局设置

插件提供了简单的全局设置:

  • 透视距离:控制画面的透视感,适合在平面感和空间感之间切换
  • 绘制优化:优化不可见面的绘制结果,让输出更干净
  • 语言切换:支持中文和英文界面

Simple 3D 更适合快速完成轻量级 3D 视觉,而不是复杂建模或真实材质渲染。对于日常设计中的立体图形、视觉装饰和 2.5D 效果,它可以把制作流程压缩到几步之内。

更新日志

2026年4月2日

正式发布

2025年9月11日

依然Beta,新功能,新变化

2023年7月28日

新增预设项,支持英文,优化形状读取

2023年7月19日

优化读取形状,修复bug

2023年7月17日

测试版发布