Start with
your design.
Select an image, frame, group or component in Figma. The development plugin follows your selection and previews it in the active frame.
Your canvas.
A different context.
Choose the artwork already on your canvas.
Give it a setting that does it justice.
Start with
Every frame.
Individually.
Click a frame within the scene. Each one keeps its own artwork, fit and lighting, so a gallery can be as varied as your collection.
Get the
details right.
Adjust the artwork fit, paper border and lighting, then insert the mockup. Reopen it later to change the scene settings or replace the artwork.
A working scene previewFive frames.
Five frames.
Your composition.
Click any frame, then add an image.
This browser preview uses the same placement renderer.
LE STUDIO MOCKUP / PREVIEWMake it yours
Select a frame. Add your artwork.
Sample artwork shown. Your files stay in your browser.
A few useful detailsBefore you
Before you
get started.
Can I install the plugin today?+
The plugin currently exists as a local development build. The public Figma Community release and commercial access are still being prepared.
Does the original design stay editable?+
Yes, your original Figma artwork stays where it is. Artwork placed inside the photographic mockup is rasterized to preserve perspective. Reapply the source after editing it.
Can each frame have different artwork?+
Yes. The gallery scene contains five individually mapped frames. Select each one and apply a different design; its settings remain independent.
Does it detect frames in any photograph?+
The current scenes have carefully calibrated artwork areas. Automatic detection of new photographs is not included in this version.
Where does my uploaded artwork go?+
The website preview processes your image locally in your browser. It does not upload your artwork to our server.
Find the scene that feels like you.
Explore the collection