Back to Plugins
Simple 3D 矢量转2.5D~3D图形

Simple 3D 矢量转2.5D~3D图形

Create 3D objects with ease

simplevectorsvg3d

Plugin Preview

Simple 3D 矢量转2.5D~3D图形 preview

About this plugin

插件功能:

  1. SVG 路径挤出建模:支持将任意 SVG 路径一键转化为 3D 模型,并提供实时的厚度调节与缩放控制。
  2. 多视角与层级渲染:内置透视与多种正交视角(前/后/左/右/顶/底),采用基于深度的实时排序算法。
  3. Figma 深度集成与命名保持:支持将 3D 场景以矢量 SVG 格式导出至 Figma,导出的图层将自动继承应用内的物体命名。
  4. 嵌套编组与对齐工具:支持无限层级的编组,并配备了完善的对齐(左、中、右、顶、底)与分布工具。


插件操作:

  1. 鼠标右键 / 中键 / 空格 + 左键:平移画布。
  2. 鼠标滚轮:缩放视图。
  3. 双击左键:进入编组模式,直接选中并编辑组内的单个子对象。
  4. Ctrl + 左键:多选物体或编组。
  5. Shift + 鼠标左键拖拽:在非透视模式下,锁定 X/Y/Z 轴向进行直线平移。



Plugin Features:

  1. SVG Path Extrusion Modeling: Convert any SVG path into a 3D model with a single click, featuring real-time thickness adjustment and scaling controls.
  2. Multi-View & Layered Rendering: Includes perspective view and multiple orthographic views (front, back, left, right, top, bottom), powered by a depth-based real-time sorting algorithm.
  3. Deep Figma Integration with Name Preservation: Export 3D scenes to Figma as vector-based SVG files. All exported layers automatically retain the original object names from the application.
  4. Nested Grouping & Alignment Tools: Supports unlimited hierarchical grouping, along with comprehensive alignment (left, center, right, top, bottom) and distribution tools.


Plugin Controls:

  1. Right Mouse / Middle Mouse / Space + Left Mouse: Pan the canvas.
  2. Mouse Wheel: Zoom the view.
  3. Double Left Click: Enter group mode to directly select and edit individual child objects within a group.
  4. Ctrl + Left Click: Multi-select objects or groups.
  5. Shift + Left Mouse Drag: In non-perspective modes, lock movement to the X / Y / Z axis for precise linear translation.

Plugin Details

Version7
CreatedJuly 11, 2023
Last UpdatedJanuary 17, 2026
Categoryediting & effects plugins
CreatorRancho
Stats25814 installs, 540 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://ohjio.com/
    • https://s3-alpha.figma.com