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

# Upload From Computer

> Drag and drop files from your computer. Screenshots, documents, spreadsheets, PDFs. Figr extracts context from whatever you share.

## How to Upload

<iframe src="https://www.youtube.com/embed/_bOLGikYxHE" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

### Click to Attach

1. Click the attachment icon (📎) in the query box
2. Browse your files
3. Select one or multiple files
4. Files attach to your query

### Paste from Clipboard

1. Copy any file from your finder or file explorer
2. Paste directly into the query box (⌘V)
3. Image attaches automatically

## [​](#supported-file-types)Supported File Types

* **Images & video.** Screenshots, mockups, and visual references. Supported formats: PNG, JPG / JPEG, GIF, WebP, SVG, MP4, AVI
* **Documents**. PRDs, specs, and written context. Supported formats: PDF, DOCX / DOC, TXT, Markdown (.md)
* **Spreadsheets**. Data, analytics, and structured information. Supported formats: CSV, XLSX / XLS

## What to Upload

<AccordionGroup>
  <Accordion title="Product Screenshots">
    Capture your existing product for reference. Valuable screenshots:

    * Current screens you want to extend
    * Competitor interfaces for inspiration
    * Patterns you want to match
    * States you need to handle (empty, error, loading)
  </Accordion>

  <Accordion title="PRDs and Specs">
    Give Figr the requirements directly. Document content that helps:

    * Feature requirements
    * User stories
    * Acceptance criteria
    * Business constraints
    * Technical limitations
  </Accordion>

  <Accordion title="Analytics Data">
    Real data makes designs more realistic. Useful data files:

    * User behavior analytics (CSV exports)
    * Survey results
    * Engagement metrics
    * Conversion funnels
    * A/B test results
  </Accordion>

  <Accordion title="User Research">
    Insights that shape design decisions. Research files to share:

    * Interview transcripts
    * Usability test findings
    * Survey responses
    * Persona documents
    * Journey maps
  </Accordion>
</AccordionGroup>
