How to Export as JPG in Figma

Опубликовано: 05 Май 2026
на канале: CryeStudio Design Tutorials
431
8

In this Figma tutorial, learn how to export a JPG in Figma. You can easily export JPG files in Figma by setting up export options for frames and objects.

In this short tutorial, I’ll walk you through:

► Selecting one or multiple frames for export
► Setting JPEG quality and resolution
► Saving your files with the right names for faster workflows

Whether you’re creating web graphics, social media images, or design previews, this method will give you sharp, high-quality JPEGs in seconds.

📂 Chapters
0:00 Intro
0:04 Open your Figma file
0:08 Select multiple frames
0:22 Access export settings
0:28 Choose JPEG format
0:39 Adjust export quality & resolution
0:57 Export and save your files
1:03 Naming tip for frames
1:15 Wrap-up + more Figma tips

💡 Watch next: Figma Playlist –    • Figma Tutorials   - more quick tips & deep dives to work smarter with your design files.

If you found this helpful, hit 👍, leave a comment, and subscribe for more Figma and graphic design tips!

🎨 TOOLS I RECOMMEND:
👉 Try Canva Pro free for 30 days→ https://partner.canva.com/kOARLL
☕️ Start your 7-day free Adobe Creative Cloud trial → https://adobe.prf.hn/click/camref:110...

🎁 FREE DESIGN RESOURCES
► Logo Design Workbook — https://cryestudio.systeme.io/logo_de...
► Logo Export Cheat Sheet + Template — https://cryestudio.systeme.io/logoexp...
► Favorite Logo Design Books + Tools — https://cryestudio.systeme.io/logo-de...
► Free Guide: 100 Digital Download Ideas — https://cryestudio.systeme.io/free-re...

➡️ FOLLOW ME
► Subscribe to my YouTube channel:    / @cryestudio  
► Check out my blog and get in touch: http://cryestudio.com
► Check out my graphic design portfolio: https://www.behance.net/cryestudio

🍿WATCH NEXT
► Graphic design fundamentals course -    • 11 Basic Graphic Design Principles - Shape...  
► Photoshop for beginners - FULL COURSE:    • FREE Beginner Photoshop Course - With Prac...  
► Adobe InDesign course for beginners:    • Free InDesign Course For Beginners: How To...  
► Create an ad design in Adobe InDesign:    • Create an ad design in Adobe InDesign - St...  

Have other questions not covered in this video? Let me know in the comments below.

👋 ABOUT ME
Hi, I’m Kellie Crye Ward — a graphic and web designer with 20+ years of experience helping brands stand out through smart, intentional design.

On this channel, I make complex design tools like Adobe Illustrator, Photoshop, and Canva feel simple and approachable — so you can design with confidence, not overwhelm.

Through CryeStudio, I teach creative business owners and aspiring designers how to create logos, marketing materials, and digital products that look professional and feel like you.

🎨 Subscribe for step-by-step tutorials, Canva and Adobe tips, branding guides, and free design resources to level up your creative skills.

For questions or collaborations → [email protected]

#GraphicDesign #DesignEducation #LearnGraphicDesign #GraphicDesignTips #BrandingDesign #LogoDesign #DesignTutorial #GraphicDesignTutorial #Canva #CanvaTutorial #AdobeIllustrator #AdobeInDesign #AdobePhotoshop #AdobeAcrobat #AdobePremierePro #IllustratorTips #PhotoshopTips #DesignForBeginners #CreativeBusiness #SmallBusinessBranding #CreativeEntrepreneur #DesignInspiration #DesignProcess #CreativeProcess #GraphicDesignCommunity #FreelanceDesigner #DesignThinking #DigitalDesign #VisualBranding #CreativeJourney #CryeStudio #FigmaTutorial #ExportSVG #GraphicDesignTips #FigmaForBeginners #SVGDesign #FigmaTips #DesignWorkflow#Figma #DesignTips #GraphicDesign #FigmaTutorial #JPEGExport #UXDesign #UIDesign