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

# Export to design

> Turn any screen into a prompt for design and prototyping tools like Pencil and Stitch.

BenchCanvas can turn a captured screen into a prompt you can use in design and vibe-coding tools, so you can recreate or remix a screen without starting from a blank file.

## Generate a design prompt

From a screen, you can generate a prompt ready for:

<CardGroup cols={2}>
  <Card title="Pencil" icon="pencil">
    Generate a Pencil prompt to recreate the screen or prototype from it.
  </Card>

  <Card title="Stitch" icon="wand-magic-sparkles">
    Generate a Stitch prompt to take the screen into Google Stitch.
  </Card>
</CardGroup>

## How it works

<Steps>
  <Step title="Open a screen">
    Select the screen you want to recreate.
  </Step>

  <Step title="Generate a prompt">
    Choose to generate a Pencil prompt or a Stitch prompt. BenchCanvas analyzes the screenshot and produces a detailed prompt describing the layout and components.
  </Step>

  <Step title="Use it in your tool">
    Paste the prompt into Pencil or Stitch to recreate that screen or build a prototype from it.
  </Step>
</Steps>

<Tip>
  This is a fast way to move from "I like how this product does X" to a working starting point in your own design or prototyping tool.
</Tip>

<Note>
  Generating a design prompt may consume [credits](/credits/overview), depending on your plan.
</Note>