> ## Documentation Index
> Fetch the complete documentation index at: https://docs.asquareportal.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Export your Portals work as PNG, PDF, ZIP, or slides

> Export canvas designs and AI-generated slides from Portals as PNG, PDF, ZIP project bundles, or PPTX presentations — pick the format that fits your needs.

Portals lets you export your work in several formats depending on what you built and where it needs to go. Design mode artboards support PNG, PDF, and ZIP. Compose mode slides export as PDF or PPTX. Use the export panel in the toolbar to access all options from a single place.

<Tip>
  Use **PDF** when sharing polished work with clients — it preserves layout fidelity across devices. Use **PNG** for quick sharing in chat, social, or presentations where you need a flat image.
</Tip>

## PNG screenshot

PNG is the fastest way to get a pixel-accurate image of your canvas or a specific artboard.

<Steps>
  <Step title="Select what to export">
    In Design mode, click the artboard you want to export to select it. To export the entire canvas, deselect everything by clicking the canvas background.
  </Step>

  <Step title="Open the export panel">
    Click the **Export** icon in the toolbar (or open the toolbar and navigate to the Export section).
  </Step>

  <Step title="Choose PNG">
    Select **PNG** from the format list. PNG supports transparency and is ideal for designs with non-white backgrounds.
  </Step>

  <Step title="Set scale and quality">
    Adjust the **Scale** multiplier if you need a higher-resolution output (for example, `2×` for retina/HiDPI displays). Quality is lossless for PNG.
  </Step>

  <Step title="Export">
    Click **Export**. The file downloads as `<artboard-name>.png`.
  </Step>
</Steps>

<Note>
  PNG export rasterizes the artboard at the scale you choose. Elements that rely on remote resources (custom fonts, externally-hosted images) may not render if those resources are unavailable or blocked. Portals attempts to load cross-origin assets automatically where possible.
</Note>

## PDF

PDF export renders each slide or artboard as a page in a landscape A4 document.

<Steps>
  <Step title="Open the export panel">
    In Design mode or Compose mode (slides), click **Export** in the toolbar.
  </Step>

  <Step title="Choose PDF">
    Select **PDF** from the format list.
  </Step>

  <Step title="Export">
    Click **Export**. Each artboard or slide becomes a landscape A4 page. The document is saved as `<title>.pdf` with Portals listed as the creator in the PDF metadata.
  </Step>
</Steps>

<Note>
  For HTML and web artboards, each slide is rasterized at high resolution before being embedded in the PDF. This produces a high-quality image-based PDF rather than a vector PDF — text inside the exported image is not selectable.
</Note>

## ZIP project bundle

For web artboards in Compose mode, Portals can export the generated application source as a ZIP archive containing the full HTML, CSS, and JavaScript. This is useful when you want to host or edit the app outside of Portals.

<Steps>
  <Step title="Open a web artboard in Compose mode">
    Switch to Compose mode with a generated app artboard active.
  </Step>

  <Step title="Click the download button in the app viewer">
    Inside the App Viewer card, click the **Download ZIP** button. Portals bundles the app source.
  </Step>

  <Step title="Save the archive">
    The file downloads as `<app-name>.zip`. Extract it to get the standalone web application.
  </Step>
</Steps>

## PPTX slides

Portals can export slide presentations to PPTX format. Each slide is captured as a high-resolution PNG image and packaged inside a PowerPoint-compatible ZIP structure.

<Steps>
  <Step title="Build your slides in Compose mode">
    Use Portal Agent or the Slides canvas to create your presentation content.
  </Step>

  <Step title="Open the slide export options">
    Click **Export** in the toolbar and select **PPTX** (PowerPoint).
  </Step>

  <Step title="Confirm and download">
    Portals renders each slide at high resolution, packages the images into a `.pptx` file, and downloads it as `<presentation-title>.pptx`.
  </Step>
</Steps>

<Note>
  PPTX export is currently in active development. If you select PPTX export and the feature is not yet available in your build, Portals will automatically fall back to PDF and notify you. The exported PPTX is compatible with Microsoft PowerPoint, Google Slides, and Apple Keynote.
</Note>

## ScreenshotCapture — grab any canvas region

ScreenshotCapture lets you drag a selection rectangle over any part of the canvas and send the captured region directly to the floating AI chat for analysis or further generation.

<Steps>
  <Step title="Enter screenshot mode">
    Click the **Camera** icon in the toolbar to activate ScreenshotCapture mode. The cursor changes to indicate capture is ready.
  </Step>

  <Step title="Drag to select a region">
    Click and drag over the canvas area you want to capture.
  </Step>

  <Step title="Send to AI">
    The captured image is automatically attached to the Portal Agent chat. You can then ask Portal Agent to analyze, describe, or iterate on the captured content.
  </Step>

  <Step title="Cancel">
    Press **Escape** at any time to exit screenshot mode without capturing.
  </Step>
</Steps>

## Export quality and scale

<CardGroup cols={2}>
  <Card title="Scale multiplier">
    A scale of `1` exports at the artboard's native resolution. Use `2` for retina-quality output or when you need to zoom in on exported images without visible pixelation.
  </Card>

  <Card title="Canvas rasterization">
    All exports (PNG, PDF, PPTX) rasterize the canvas. The capture pipeline automatically strips selection handles, snap guides, and other workspace UI elements before rendering, so only your design content appears in the export.
  </Card>
</CardGroup>