Help Center

Sketch:

1. Click the artboard name to select the artboard you want to export.
2. In the Inspector (the panel on the right of the screen), click “Make Exportable”.
3. Set your export options. We recommend PNG, JPG, or PDF for uploading work to the Designlab platform.
4. Click “Export Selected…” at the bottom of the Inspector.

For full guidance on exporting from Sketch, check out Sketch’s own help article.

Figma:

When you’re working with Figma, you can export layers, frames, or whole screen designs into JPG, PNG, SVG, or PDF image formats.

How to Export:

Step 1: Select Design

Select the frame (or layer). You can do this by clicking on it on the design canvas itself, or via the layers and assets panel on the left. 

Step 2: Configure Export Options

Once you’ve selected the frame you’d like to export, navigate to the inspector panel on the right and scroll down to find the section labeled Export. Click on the section to expand. 

Here, you can select what format you’d like to export your design in:

• PNG
• JPG
• SVG
• PDF

Step 3: Complete Export

Click the “Export [name]” button. 

For full guidance on exporting from Figma, check out Figma’s own help article.

NOTE: If you need help uploading multi-image files to the platform, check out this article.

Learn More About Figma

Want to learn more about the ins and outs of using Figma for your design work? Check out our free Figma 101 email course.