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

# Getting Started

> Install and start using pdf.tomake.design in minutes

## Installation

### Install the Figma plugin

1. Visit the [Figma Community page](https://www.figma.com/community/plugin/1556109033323159906)
2. Click **Install** on the pdf.tomake.design plugin
3. Open any Figma file (or FigJam, or Figma Slides)
4. Go to **Plugins** → **pdf.tomake.design**

<Tip>
  The plugin works in Figma, FigJam, and Figma Slides — both desktop app and browser version. All processing happens locally on your machine for complete privacy.
</Tip>

## Your first conversion

### Step 1: Open the plugin

1. Open or create a Figma file
2. Navigate to **Plugins** → **pdf.tomake.design**
3. The plugin panel will open

### Step 2: Upload a PDF

1. Click **Choose PDF** or drag and drop a PDF file
2. The plugin analyzes your PDF **locally** (nothing is uploaded)
3. Preview shows page count and file information

<Note>
  Your PDF never leaves your computer. All processing happens 100% locally in your browser for complete privacy and security.
</Note>

### Step 3: Choose your conversion mode

Select the mode that fits your workflow:

**Editable Vector Layers** (Recommended)

* Best for design work requiring full editability
* All vectors converted to native Figma paths
* Text preserved as editable text layers
* Perfect for iterating and modifying designs

**High-Fidelity SVG**

* Best for maintaining exact visual appearance
* Converts to SVG for precise rendering
* Ideal for logos and brand assets
* Preserves complex effects and styling

**Rasterized Images**

* Best for quick previews and references
* Fastest conversion method
* Perfect for mockups and presentations
* Smallest file size

### Step 4: Configure additional options

**Page Selection**

* **All pages**: Import every page from the PDF
* **Page range**: Specify pages (e.g., 1-5, 8, 10-12)
* **Current page only**: Import just one page

**Layout Options**

* Customize spacing between pages
* Choose frame arrangement
* Set page alignment

### Step 5: Import

1. Click **Convert to Figma**
2. Watch the parallel processing in action (typically 5-30 seconds per page)
3. Pages appear as frames in your Figma file

### Step 6: Edit in Figma

Your PDF content is now in Figma with:

* Each page as a separate frame
* Text as editable Figma text (in Editable Vector mode)
* Images extracted and organized
* Vector graphics preserved as native paths
* Layout and spacing maintained

## Import tips

<AccordionGroup>
  <Accordion title="Choosing the right conversion mode" icon="sliders">
    **Use Editable Vector Layers when:**

    * You need to modify text, shapes, or layouts
    * Building design systems from PDFs
    * Creating reusable components

    **Use High-Fidelity SVG when:**

    * Exact visual appearance is critical
    * Working with logos or brand assets
    * Complex effects must be preserved

    **Use Rasterized Images when:**

    * You need quick references
    * Creating mood boards
    * File size matters most
  </Accordion>

  <Accordion title="Handling multi-page PDFs" icon="files">
    For documents with many pages:

    1. Use page range to import 10-20 pages at a time
    2. Thanks to parallel processing, large documents convert quickly
    3. Organize pages into sections in Figma after import
  </Accordion>

  <Accordion title="Privacy and security" icon="shield-check">
    Your PDFs are completely secure:

    * All processing happens locally in your browser
    * No file uploads to external servers
    * No data transmission over the network
    * Perfect for sensitive client files
  </Accordion>

  <Accordion title="Optimizing performance" icon="gauge">
    For the fastest conversions:

    * Use Rasterized mode for quick previews
    * Import only the pages you need
    * Close other Figma files while converting large PDFs
    * Our parallel processing handles complex PDFs efficiently
  </Accordion>
</AccordionGroup>

## Common workflows

### Converting design presentations

1. Upload your PDF presentation
2. Choose **Editable Vector Layers** mode
3. Select "All pages"
4. Adjust page spacing for slide layout
5. Import and present directly in Figma Slides

### Extracting logos and brand assets

1. Upload brand guideline PDF
2. Choose **High-Fidelity SVG** mode
3. Select pages with logos and assets
4. Import with preserved visual fidelity
5. Organize into Figma component library

### Creating editable wireframes

1. Upload wireframe or mockup PDF
2. Choose **Editable Vector Layers** mode
3. Import all pages
4. Edit text, modify layouts, iterate on designs
5. Share with team for collaboration

### Quick reference and mood boards

1. Upload reference PDFs
2. Choose **Rasterized Images** mode
3. Import relevant pages quickly
4. Arrange in FigJam for mood boards
5. Fastest method for visual references

## What's included

* **100% Local Processing**: Complete privacy, no uploads
* **All Three Conversion Modes**: Vector, SVG, and rasterized
* **Multi-Page Import**: Handle entire documents at once
* **Parallel Processing**: Fast conversions even for complex PDFs
* **Works Everywhere**: Figma, FigJam, and Figma Slides
* **No Sign-Up Required**: Start converting immediately

## Next steps

<CardGroup cols={2}>
  <Card title="How it works" icon="gears" href="/pdf-to-design/how-it-works">
    Learn the detailed conversion process
  </Card>

  <Card title="Features" icon="star" href="/pdf-to-design/features">
    Explore all features and capabilities
  </Card>

  <Card title="Troubleshooting" icon="wrench" href="/pdf-to-design/troubleshooting">
    Fix common issues
  </Card>

  <Card title="Join Discord" icon="discord" href="https://discord.com/invite/VVArNqBGjB">
    Get help from the community
  </Card>
</CardGroup>