在交互设计UI设计稿完成后，我们可以通过Mockup样机效果，快速展示设计的成果，好的Mockup可以化腐朽为神奇。本文UXD将为正在准备作品集的同学们，介绍两款好用的Mockup样机效果插件。

本次介绍的优秀插件均基于UXD日常教学使用平台Figma之上的，作为一家顶级的交互/服务类设计咨询和教育机构，UXD目前的工作设计/设计教学工作流已经完全和一线大厂，包含Google/Facebook/腾讯/阿里实现同步。

01 轴测视角Mockup

首先在figma的搜索界面搜索 angle，点击install，下载Angle Mockups轴侧视图插件。

之后可以在angle官网angle.sh下载样机模型。

样机模型如图所示：

选择样机模型中的UI界面图片Screen。

之后鼠标右键选择plugins-Angle Mockups。

之后在App Design Frame中选择需要展示的UI界面；Pixel Density可以根据项目要求进行选择；Quality也可以进行调整。

之后点击Apply Mockup，即可得到相应的效果。

02 透视视角Mockup

在figma的搜索栏中搜索 Clay Mockups 3D，并且点击安装。

之后选中UI展示界面，鼠标右键选择plugins-Clay Mockups 3D。

展示效果如图所示，其中可以改变设备的角度、相机角度与设备颜色信息。在确定好角度与颜色之后，点击Save as Image即可保存图片。

更多知识干货以及其他海外留学的资讯可以关注UXD交互工业产品设计分享或者添加小助手，还可获取讲座直播哦~

|福利大放送 | WELFARE 
对于设计初学者，完成从0开始创作几乎是不可能的，就像学习过程中书读百遍其义自见一样。有了大量的积累，才能在脑海里建立素材库，这些素材库能帮助同学们完成最初的设计想法积累，基于这样的基础再进行个性化的创作，最终才能做出高质量的作品集。全球院校最新作品集免费拿！添加小助手即可获取：

UXD交互工业产品设计学院是尤克斯国际旗下的一家专注于交互、服务、工业、产品设计专业的顶级设计学院。除了一对一设计课、基础技能课程、小组课题、设计评图、联合教学外，我们提供不定主题的公开课和内部小组课，教学计划课程由三大部分组成，包括基础软件技能教学、设计理论系统讲座、申请必备知识解析等。

本文版权归UXD尤克斯所有

部分图片来自于网络

如有侵权请与我们联系