On this page
About Clay Mockups 3D
Clay Mockups 3D is a free Figma plugin published by Hamish in 2020. It works in Figma Design and has 625,441 users and 4,659 likes on the Figma Community. It ranks #2 in 3D, #4 in Mockups and #19 in Visual Assets on our lists.
In the developer's words
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.
What's new
Version 7 · released May 5, 2022
- Add iPad model
Permissions and privacy
Network access
This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where Clay Mockups 3D ranks
Stacks with Clay Mockups 3D
Clay Mockups 3D alternatives
- 1
Vectary
by VECTARY
801K users10KFree + paid featuresLoad your 3D models, set your view and materials as you desire and export it to a frame!
- 2
Isometric
by Wilson Lam
384K users4.7KFree - 3
Isometric & Perspective Toolkit
by Appcano
383K users5.6KFree + $10 upgradeQuick apply a top, left or right perspective or using the modal to modify your layer.
- 4
Perspective Toolkit
by Jake Blakeley
377K users5.4KFreePut everything in perspective usingthree unique approaches
- 5
212K users1.7KFreeRotato for Mac companion plugin. Real 3D. Exploded layers.
- 6
Vector to 3D
by Yi Shen
187K users5.5KFree + paid featuresBrings 3D design into your Figma workflow seamlessly.
Clay Mockups 3D FAQ
What does Clay Mockups 3D do?
Create mockups with 3D clay-style device models. Customize the color, camera angle, and device model. It's a Figma plugin by Hamish that runs in Figma Design.
Is Clay Mockups 3D free?
Yes. Clay Mockups 3D is free to install and run from the Figma Community, with no paid tier listed.
How do I install Clay Mockups 3D?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Clay Mockups 3D?
By user count, the closest alternatives are Vectary, Isometric and Isometric & Perspective Toolkit. Compare all of them on the best Figma plugins for 3d.
Built this plugin?
Use this page as a landing page for Clay Mockups 3D: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/clay-mockups-3d/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Clay Mockups 3D on figmaplugins.co" width="220" height="48"></a>Want it featured on figmaplugins.co? Submit it for review