在Figma中进行3D原型设计

将3D模型通过内嵌网页展示的方式,实现在Figma软件中进行3D原型设计,是一个创新的思路。

在Figma中进行3D原型设计

FIGMA是由Max Factory企划及开发,GOOD SMILE COMPANY发售的可动式人物模型系列。FIGMA是合成词,由figure+marionette(法语,可操控的人形木偶)混合得来,本系列的设计和开发主要由MAX渡辺和浅井真纪负责,而原型设计则更集思广益,素体设计已升级为2.0,未来将不断发展。

Figma是一款基于Web的向量图形编辑工具,由Dylan Field和Evan Wallace于2012年在布朗大学共同开发。它常用于图形设计、界面设计、原型制作和在线协作等场景,支持Mac、Windows PC、Linux计算机、Chromebook,还提供了移动应用Figma Mirror,让设计师可以在手机上查看和交互原型。

在Figma中,通过外链的方式展示3D模型并非Figma原生支持的功能,但你可以通过一些间接的方法来实现这一目标。

准备3D模型

使用专业的3D建模软件(如Blender、Maya、3ds Max等)创建你的3D模型,或者从在线3D模型库下载所需的3D模型。确保导出的模型质量符合你的展示需求。

上传3D模型到外部平台

选择一个支持3D模型展示和嵌入的在线平台,如3D模型在线展示网站。网站支持GLTF、GLB、PLY、STL、OBJ、FBX、DAE、STP、USDZ、3DM、3DS、IGS等30多种模型格式免费在线预览,支持分享模型在线访问地址,实现3D模型在Axure原型设计或3D大屏中的应用展示,实现3D模型在网页中进行嵌入展示。

3D模型在线展示网站,上传要转换的3D模型文件。

等待上传完成,并确保文件上传过程中没有出现错误或损坏。

转换完成后,在在线转换工具平台上预览3D模型的效果。

确保预览效果满足要求,包括模型的细节、颜色、材质等。

在预览页面上,找到并复制3D模型的分享链接。

确保链接的有效性,并测试在不同设备和浏览器上的访问情况。

在Figma中嵌入3D模型

创建Figma帧

在Figma中创建一个适合你3D模型展示的帧(Frame),调整帧的大小和位置以匹配你的设计需求。

使用外链

将你从外部平台获取的嵌入代码或URL复制到Figma的“外链”或“嵌入”功能中。

调整和优化

根据需要调整嵌入的3D模型的大小、位置和交互性,确保嵌入的3D模型与Figma中的其他元素协调一致。

NSDT场景编辑器 | NSDT 数字孪生 | GLTF在线编辑器 | 3D模型在线转换 | UnrealSynth虚幻合成数据生成器 | 3D模型自动纹理化工具
2023 power by nsdt©鄂ICP备2023000829号