figma-avatar

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 12 Open GitHub ↗

Update your Twitter avatar and banner from the comfort of Figma.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Figma Avatar

Update your Twitter avatar and banner from the comfort of Figma.

![](https://github.com/javierarce/figma-avatar/raw/main/avatar.gif)

### How to use this project

1. Rename `env_sample` to `.env` and add the following information:
  - Your [Figma access token](https://www.figma.com/developers/api#access-tokens) and the ID of your Figma file.
  - The Twitter app credentials.
  - A passcode that you'll use to protect your app.
2. Install the dependecies with `yarn install`
3. Run the server with `yarn start`
4. Create a POST webhook with the following information:
- Your `FIGMA_TOKEN` and `PASSCODE` from the first step
- Your `TEAM_ID`
- Your `APP_ENDPOINT`
- The `EVENT_TYPE` you want to use to trigger the avatar & banner change (for example: FILE_VERSION_UPDATE)

```bash 
  curl -X POST -H 'X-FIGMA-TOKEN: [FIGMA_TOKEN]' -H "Content-Type: application/json" 'https://api.figma.com/v2/webhooks' -d '{"event_type":"    [EVENT_TYPE]","team_id":"[TEAM_ID]","endpoint":"[APP_ENDPOINT]/ping","passcode":"[PASSCODE]"}'
  ```

After these steps and whenever you add changes to the version history of your Figma file, your avatar and banner will get [magically] updated.

---

**Important**: this project uses the Figma [Webhooks v2 API](https://www.figma.com/developers/api#webhooks_v2) which is in beta and only available for paid teams.

figma-avatar

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README