Hi, I’m Andrey, and this is my Config Makeathon project: a Figma Make app "mophree" toHi, I’m Andrey, and this is my Config Makeathon project: a Figma Make app "mophree" to
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Hi, I’m Andrey, and this is my Config Makeathon project:
a Figma Make app "mophree" to create fast 3D mockups with animated ui. https://mophree-editor.figma.site/
Designers and product teams often want to spice up visuals with 3d in launch pages and social posts. I know this myself. Right now that usually means opening heavy tools, hunting for after effects templates and figuring out how they work - which is slow and breaks the flow.
With mophree, in Figma Sites You upload a prototype recording, pick a preset or edit the scene yourself with keyframes and easings, it updates in real time. export supports WEBM with alpha channel or MP4.
Mophree uses a custon three.js npm public package which was built for this Makeathon. It handles the scene and accurate device geometry.
Every device is a generated three.js, by using Apple's published dimensional drawings.
Interface i designed in figma and prompted mophree-edtior in figma make.
Dylan's avatar
Contra logo
This is such a smart tool!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started