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 611,752 users and 4,573 likes on the Figma Community. It ranks #2 in 3D, #3 in Mockups and #16 in Free 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 9 · released Aug 31, 2023
- Update UI
- Add network access to manifest
Permissions and privacy
Network access
Clay Mockups 3D declares no network access, so it runs entirely inside Figma and can't send your file anywhere.
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
Clay Mockups 3D alternatives
- 1
Vectary
by VECTARY
792K 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
375K users4.6KFree - 3
Isometric & Perspective Toolkit
by Appcano
363K users5.5KFreeQuick apply a top, left or right perspective or using the modal to modify your layer.
- 4
Perspective Toolkit
by Jake Blakeley
349K users5.1KFreePut everything in perspective usingthree unique approaches
- 5
207K users1.6KFreeRotato for Mac companion plugin. Real 3D. Exploded layers.
- 6
Fast Isometric
by Ren Yi
125K users2.3KFreeFast isometric shapes creator. Accelerate your 3D illustration.
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.
Is Clay Mockups 3D safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Clay Mockups 3D declares no network access, so it runs entirely inside Figma and can't send your file anywhere. As with any plugin, check the developer's privacy policy before using it on client work.
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>