Export one frame as an image, reopen it outside Figma, and keep its editable original.
Before you begin.
Optional guide. Use the simple screen from Build a simple screen, or an existing frame of similar size. Skip if you can already export, locate, and inspect a complete frame image while retaining its editable source.
Learn the concept.
An editable Figma frame is the source you can change. A JPEG export is a separate flat image. A link points to a file; a preview placed in Figma is another displayed copy. For this exercise, 1× JPEG is a practice setting, not a universal quality rule.
Words to know.
Editable original
The Figma frame with separate layers you can change.
The source you can change
Export
A separate image file made from the selected frame.
Create a shareable output
1×
The scale used for this exercise’s export, matching the frame’s pixel dimensions.
Output at the original scale
The idea in practice
See a worked example.
Start with the editable class screen.
For exampleStart with the editable Intro 08 — Class screen frame, or a comparable frame.
Export the whole frame to a known folder.
For exampleExport the whole frame at 1× JPG to a known folder as Intro09-screen-v01.jpg.
Reopen the JPEG and compare it.
For exampleOpen the JPEG outside Figma and check the crop, words, and edges. Keep the editable frame for later changes.
