UXMagic Home
  • Features
  • Libraries
  • Community
  • Pricing
  • Affiliate
  • Resources
UXMagic Home
UXMagic Home

Libraries

Community
Pricing
Affiliate

Resources

Follow us on:
  • Follow us on Slack
  • Follow us on Twitter
  • Follow us on Linkedin
  • Follow us on Youtube
  • Follow us on Instagram
Help center
  • 🚀Get started
  • ✨Generate designs
  • 🎨Design & edit
  • 📦Export & handoff
    • Export to Figma
    • Export code (HTML, React, Tailwind)
    • Export to Framer and Webflow
    • Push a design to WordPress
    • Export as PDF or image
    • Export to Canva
  • 🌐Publish a live site
  • 🤝Share & collaborate
  • 🔌Integrations & developers
  • 💳Plans, credits & billing
  • 🛠Troubleshooting

Still stuck?

Our team answers from inside the product.

Contact support →
  1. Help center/
  2. Export & handoff/
  3. Export as PDF or image

Export as PDF or image

Produce a PDF, PNG, JPEG or WebP of a screen for decks, review and sign-off.

Last updated August 27, 2026

On this page

  • Formats
  • Steps
  • Tips

For decks, review packs and sign-off, export a screen as a document or an image.

Formats#

  • PDF — paper sizes (A4, A3, Letter, Legal, Tabloid), or a single page rendered at an exact pixel width so a tall design isn't chopped across pages.
  • PNG — lossless, best for interface screenshots.
  • JPEG — smaller, adjustable quality, best for photo-heavy designs.
  • WebP — smallest at equivalent quality, for the web.

Steps#

  1. Select the screen.
  2. Export → PDF / Image.
  3. Pick the format and options (paper size or exact width, and quality for JPEG).
  4. Larger exports run as a background job — you'll get the file when rendering completes.

Tips#

  • For a tall landing page, use the exact-width PDF mode rather than A4. It renders one continuous page instead of slicing the design into fragments.
  • For client review, a share link beats a PDF: it stays current and people can comment. See Share a project.

Was this article helpful?

Related articles

Export to Figma

Send screens to Figma as editable, auto-layout, dev-ready frames.

Share a project

Invite specific people, or share a link that lets anyone who opens it join.

← PreviousPush a design to WordPressNext →Export to Canva

On this page

  • Formats
  • Steps
  • Tips

your next idea
deserves to exist

stop thinking about it. just type it out. Badly, half- formed, whatever. We'll turn it into something real.

Product

  • Community
  • Pricing Plans
  • Affiliate Program
  • UXMagic MCP
  • Claude MCP
  • AI info

Resources

  • Help Center
  • Figma Library
  • React Library
  • Mobile App Templates
  • Documentation
  • Tutorials

Features

  • Prompt to UI
  • Image to UI
  • Sketch to UI
  • Clone website
  • Import from Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • All Features

Compare

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • All Competitors

Blogs

  • AI in UX Design Workflow: What Actually Works
  • Prompt Templates for SaaS Dashboards
  • Real Prompts We Use to Generate Product Flows
  • Prompt Engineering for UX Designers
  • Best Wireframing Tools in 2026: 10 Free & Pro Options Compared
  • All Blogs

Company & Support

  • Careers
  • Contact Us
  • Privacy Policy
  • Terms of Use
  • Cookie Settings
  • Follow us on Slack
  • Follow us on Twitter
  • Follow us on Linkedin
  • Follow us on Youtube
  • Follow us on Instagram

© 2026 UXMagic AI Technologies Inc.