# Figma

The Figma integration allows you to preview Figma file details within Outline documents. You can see the icon, name, and a hover preview.

# Setup


1. Register a [new Figma application](https://www.figma.com/developers/apps) 

   
   1. Choose a name and owner, click “Create app”
   2. Scopes must include `current_user:read` and `file_metadata:read`
   3. **Redirect URL** must include `<yourdomain.com>/api/figma.callback`


2. Make a note of the “Client secret” value
3. Add the configuration to the Outline environment, using the following variable names:

   ```javascript
   FIGMA_CLIENT_ID=
   FIGMA_CLIENT_SECRET=
   ```


7. Restart the server, you should see “Figma” available under **Settings → Integrations**

---

**Documents**

- [License restrictions](https://docs.getoutline.com/s/hosting/doc/license-restrictions-f9aq6uEL3H)
- [Requirements](https://docs.getoutline.com/s/hosting/doc/requirements-ULdYnwi4wG)
- [Installation methods](https://docs.getoutline.com/s/hosting/doc/installation-methods-pSvgz9j0QC)
- [Configuration](https://docs.getoutline.com/s/hosting/doc/configuration-509J4lAzjo)
- [Business + Enterprise](https://docs.getoutline.com/s/hosting/doc/business-enterprise-rv0715NxO3)
- [Backups](https://docs.getoutline.com/s/hosting/doc/backups-KZtPOADCHG)
- [Troubleshooting](https://docs.getoutline.com/s/hosting/doc/troubleshooting-HXckrzCqDJ)