![]()
![]()
介绍一款Figma插件Vector to 3D。与C4D和Blender这类专业的三维软件相比，它在Figma环境中直接运行，无需切换软件，极大地提高了工作效率。对于熟悉Figma操作的设计师来说，上手更为迅速，减少了学习新软件的成本。而且，它能与Figma的二维设计流程紧密结合，实现二维到三维的无缝转换。
![]()
与StableDiffusion和Midjourney相比，Vector to 3D专注于将Figma中的二维矢量图形精准转化为三维模型，可控性和延续性更强，能够更好地满足设计师在特定场景下的三维创作需求。
![]()
![]()
点击Figma画布中准备好二维矢量图形，并启动插件可以是简单的形状、复杂的图标或者插画等。这里以简单的汽车图形为例：通过插件对形状进行调整，如拉伸工具，可以在不同的轴向上拉长或缩短模型；旋转工具可以让模型绕着指定的轴旋转；扭曲工具则能为模型创造出独特的扭曲效果；倒角工具可以使边角变得更加圆润或锐利。![]()
以车身为例，参数如下3D效果：拉伸，倒角大小：2，倒角角度：1，倒角类型：平滑。就可以得到一个圆润且具备结构的形体。![]()
车体因为有车窗所以需要内部镂空的结构，镂空或内凹等效果可用于插件自带的布尔运算进行裁剪，注：需要在figma里面对相互裁剪的对象进行分组。![]()
![]()
在figma所选图形的画布中继续绘制矢量元素，增加细节，通过插件的3d效果（拉伸、膨胀、环绕）结合XYZ轴的移动、旋转、扭曲等功能完成不同形状的构建。![]()
![]()
在figma中完成各个形状的填色后，在材质与纹理库中选择材质和纹理，直接拖放到三维模型上即可应用。也可以通过右侧的参数面板调整材质和纹理的相关属性，如颜色、反射强度、粗糙度等。![]()
点击灯光设置选项，添加光源。可以选择点光源、平行光或聚光灯等不同类型的光源，并通过拖动光源位置、调整强度和颜色来达到理想的光照效果。这里选择正面主光，两侧辅光的方式让主体更加通透明亮。![]()
最后导出透明背景的主体，在PS中进行简单调色就高效的完成了这个3d质感图标。如果需要为三维模型添加动画效果，选择动画选项，设置关键帧，并调整模型在不同关键帧的状态，如位置、旋转角度、缩放比例等，从而生成流畅的动画。在输出方面，可以将三维模型导出为常见的图像格式（如PNG、JPEG）或三维模型格式（如OBJ、GLTF），以便在其他项目中使用或与团队成员分享。
![]()
Figma 插件 Vector to 3D 为设计师们提供了一个便捷、高效的工具，让二维与三维之间的转换不再是难题。不仅可以拓宽设计师的边界，还激发了更多的创造力。无论你是在进行 UI 设计、品牌设计，Vector to 3D 都值得一试，期待有了它的帮助会为你的设计带来新的色彩和价值。![]()
扫码进群
转载时请连同下方内容一起转发
请与该公众号联系获取内容授权
长按二维码 轻松关注
微信公众号：i58UXD
![]()
58同城用户体验设计中心
![]()
