即时设计怎么导出figma文件 (realibox使用教程)

近期,由Realibox开发的国内首个3D样机插件

「Realibox 3D」 正式上架「即时设计」了!

今后,「即时设计」的每一位设计师都拥有了

将设计稿一键生成 3D 样机、随意调整展示角度 的能力!

figma新拟态插件,即时设计怎么导出figma文件

figma新拟态插件,即时设计怎么导出figma文件

使用流程也十分简单

3 步即可轻松生成效果图

省去一半步骤,帮你效率翻倍!

figma新拟态插件,即时设计怎么导出figma文件

借助 Realibox 强大的云渲染能力

你还可以创建更加 丰富真实的展示场景!

figma新拟态插件,即时设计怎么导出figma文件

你只需要打开即时设计, 在插件广场搜索“样机”,

直达「Realibox 3D」插件页面

选择安装后,即可在即时设计内快速使用!

figma新拟态插件,即时设计怎么导出figma文件

对绝大多数设计师来说,样机模型都是必不可少的一类素材。

但是,网上搜的素材,不仅风格千奇百怪, 质量参差不齐,清晰度也有限;

难得找到不错的 3D 样机,却是 PNG 格式, 倾斜摆放的角度、样机颜色都不能按需修改;

如果想挑选出效果最佳的样机, 不断重复“*载下**样机→导入设计稿”流程 就能让人烦不胜烦。

而现在,即时设计上线了 「3D 样机插件」 ,上述问题全都迎刃而解!

• 无需*载下**到本地,3D 样机点击即用

figma新拟态插件,即时设计怎么导出figma文件

自定义设备角度&样机颜色,360°拖拽旋转自由摆放

figma新拟态插件,即时设计怎么导出figma文件

• 丰富高品质样机,不仅有主流设备,更有多款常用物品模型

figma新拟态插件,即时设计怎么导出figma文件

figma新拟态插件,即时设计怎么导出figma文件

figma新拟态插件,即时设计怎么导出figma文件

对设计师来说,使用样机的另一大痛点是—— 流程太繁琐。

以前:

去资源网站*载下**样机文件 —— 导出设计稿图片 —— 将样机和设计稿都导入PS —— 替换界面图片 —— 保存图片 —— 导入作品集排版/项目展示文件中。

全程一共 6 步,过程繁琐耗时多,往往还要不断重复。

现在:

仅需 3 步即可轻松生成效果图片,流程减半、效率翻倍!

figma新拟态插件,即时设计怎么导出figma文件

更重要的是, 设计稿导入样机可以一键完成!

选中设计稿贴图到模型, 自适应样机尺寸,再不用手动调整;

修改设计稿后,再次操作贴图即可生成最新样机。

figma新拟态插件,即时设计怎么导出figma文件

figma新拟态插件,即时设计怎么导出figma文件

立即打开即时设计并安装插件

体验 3 步生成效果图!

figma新拟态插件,即时设计怎么导出figma文件

通过接入「Realibox 3D」插件,「即时设计」让每一位设计师都可以:

1. 在插件内编辑 3D 模型

2. 一键生成效果图并嵌入设计稿

此外,「Realibox 3D」插件还内置了丰富多样的 3D emoji 和 icon 素材,让你在做风格偏潮流轻松的产品设计、运营设计或者电商设计时,更加手到擒来。

figma新拟态插件,即时设计怎么导出figma文件

你还可以根据实际需求,对这些 3D 素材的展示效果做“亿”点点修改:

360°旋转模型, 以任意角度放置展示素材;

通过修改环境设置来调节光线阴影效果, 增强 3D 素材的立体感空间感;

调整模型材质, 适配你的展示场景或作品集风格;

任意修改颜色,使其更好地融入整体设计;

前往「Realibox」工作台 DIY 模型,并使用链接导入功能, 将 DIY 模型一键嵌入即时设计画布……

figma新拟态插件,即时设计怎么导出figma文件

figma新拟态插件,即时设计怎么导出figma文件

最后,预告一个未来可能上线的功能——通过 Realibox 3D 插件, 在即时设计画布内嵌入可拖拽旋转、多角度查看的 3D 模型。

——以上内容转载自「即时设计」官方公众号——

除了「即时设计」,

「Realibox 3D」插件近期也在Figma上架了!

使用Figma的设计师,

可以在Figma里找到「Realibox 3D」

快速制作3D样机,或者导入3D模型,

让你的设计更高效有趣!

figma新拟态插件,即时设计怎么导出figma文件