隆重推出 Vectary Canvas,一个用于 AI 加速创意构思的新空间。 → Canvas

Figma 中的三维设计终于来了: Vectary 3D 插件

无需离开 Figma,即可获得照片级真实的 3D 视觉效果。

Vectary 经常被誉为“3D 设计界的 Figma”。试想一下,如果你能在 Figma 中以任意视角和透视来操作并放置逼真的 3D 物体,那该有多棒。今天,这个梦想成为了现实!Vectary 正将可自定义且可交互的 3D 元素和样机直接引入你的设计流程中。

使用 Vectary 在 Figma 中控制逼真的 3D 元素

Figma 的 Vectary 3D 插件现已发布,为你的 2D 设计融入缺失的三维维度。在实际的 3D 视口中设置所需的透视,然后一键将其放入场景中。该插件插件支持在设计中放置预定义的 3D 元素、加载自定义的 3D 对象,或者将你的 Figma 设计放入预定义的 3D 样机(如移动设备、电脑桌面或易拉罐)中。

在 Figma 中创建 3D 设计系统

这样一来,你就可以在 Figma 中构建一套完整的 3D 设计系统。比如,你将某个 3D 元素作为 brand identity 的一部分,或者你有一个 3D 产品——只需在 Vectary 中创建一个链接,就能让设计师在创作过程中自主决定最适合他们的视角。

如何使用适用于 Figma 的 Vectary 3D 插件

要将你的 Figma 设计放入样机中:

  1. 在 Figma 中打开 Vectary 3D Elements 插件。
  2. 选择 3D 样机或元素
  3. 选择你的 Figma frame。
  4. 点击“Load frame”按钮,用你的设计替换现有内容——这可能是移动设备的屏幕,具体取决于你选择的样机。你可以在 Material Settings(材质设置)中自定义物体的每个部分。
  5. 自定义样机视角:按住左键拖动以旋转样机,或滚动滚轮进行缩放。
  6. 点击 “Export image” 将透明背景的渲染图添加到你的项目中。

加载任意自定义 3D 对象或元素

  1. 打开 www.vectary.com,从零开始创建你的 3D 对象、导入 3D 模型,或使用 Vectary 库中的数百万资源。
  2. 转到 Publish(发布)选项卡并点击 “Generate”。
  3. 返回 Figma 并打开 Vectary 3D 插件。
  4. 点击 Projects 选项卡并登录你的 Vectary 账号。
  5. 自定义 3D 设计视角:按住左键拖动以旋转样机,或滚动滚轮进行缩放。
  6. 点击 “Export image” 将透明背景的截图添加到你的项目中。

专业提示:如果你想在 Figma 的自定义 Vectary 模型中拥有可替换的纹理,请在 Vectary 中生成 Viewer 之前,将对象及其材质命名为 “_switchable”。

3D 元素和样机库将不断丰富,为你提供大量开箱即用的 3D 元素和样机。

请告诉我们你对 Vectary Figma 插件的喜爱之处或任何建议,只需 给我们留言,我们非常期待听到你的反馈。

在 Figma 中安装 Vectary 3D 插件