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

# Figma

> Turn Figma designs into working apps

Paste a Figma link into chat and the agent builds your design into a working app. A Figma chip appears in chat showing the file name and linking back to the original.

## Connect your Figma account

The first time you paste a Figma link, Anything will ask you to connect your Figma account. Sign in with your Figma credentials and authorize access. You need a Figma Pro (or higher) account for this to work.

Once connected, you can import from any file in your Figma workspace.

To disconnect, open **Settings** from your dashboard and remove the Figma connection.

## Import a design

Paste a Figma link into chat with a prompt describing what you want:

```
Build this screen from https://www.figma.com/design/abc123/My-App
```

You can also swap `figma.com` for `anything.com` in any Figma design URL to jump straight into the builder:

```
https://www.figma.com/design/abc123/My-App
→ https://anything.com/design/abc123/My-App
```

## Tips

* Share the specific frame or page you want built, not the whole file. The agent works best with a clear target.
* Add context to your prompt. "Build this screen" works, but "Build this screen as a settings page with working form inputs" gets you closer in one shot.
* After the first pass, iterate with the agent. Ask it to adjust layout, colors, or add functionality the design implies but doesn't specify.

<CardGroup cols={2}>
  <Card title="Design" icon="palette" href="/apps/design">
    More ways to style your app
  </Card>

  <Card title="Builder" icon="hammer" href="/builder/controls">
    Navigate the builder
  </Card>
</CardGroup>
