Create mockups with 3D clay-style device models. Customize the color, camera angle, and device model for your mockups. Includes models for the iPhone 11, Pixel 4, and Macbook Pro. How to use: Run Clay Mockups 3D from the plugin menu Choose a device model Select any layer to render it on the device's screen. For best results select a layer that's close to the device's screen dimensions (or the same aspect ratio). If it's not exact that's fine, images will be placed similar to Figma's 'Fill' setting for image fills. To create a frame with the right dimensions click the "Create Empty Frame" button. To change the camera angle select an angle preset or click and drag over the device. Alternatively you can set an exact rotation in degrees on the right. You can also modify the rotation of the model itself there. Choose a device color. If you have local color styles click the color swatch to choose one, or manually enter a hex code. Click "Save as Image" to render the current view as an image layer in Figma. To edit the mockup after it's been saved, select the layer and click "Edit Mockup" under Plugin on the properties panel. This will allow you to apply any updates made to its screen layer, or change any of its other settings.
适用场景
Clay Mockups 3D 属于 编辑效果 分类,适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类:编辑效果
- 点赞:3,468
- 用户:513,645
- 定价模式:免费
发布者信息
创建者:Hamish。Figma 社区发布者:Hamish。
兼容性与支持
- 支持编辑器:design
- 发布时间:2024年11月25日
- 支持联系方式:hamish@qwilr.com
安装前如何评估
查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。