Figma Setup

A) Download Figma file

Each team can choose one person to own the design file. This person can download and open The Figma starter file here into her/his Figma account.

  1. Open Figma starter file
  2. Log in to Figma or create an account
  3. Click Figma logo dropdown
  4. Go to File/Save local copy
  5. Drag and drop the downloaded file to Figma

Figma starter file here

B) Sharing the file

The assigned person person can start sharing the file to his/her team members.

Access rights

  1. Click the Share button in the file.
  2. Click the to choose how people can find and access the file.
  3. Click the to set the permissions for sharing links.
  4. Check the box if you want the URL or embed code to Link to selected Frame (optional).
  5. Click Copy Link to copy the file URL to your clipboard. If you're using Figma in the browser, you can also copy the file link in the address bar.

Share figma access

  • Can view: recommend for devs
  • Can edit: recommend for designers

C) Plugins to install

  1. Design Tokens by Lukas Opperman
  2. Themer by Tom Lowry

Themer setup

  1. Create an account a https://jsonbin.io/
  2. Under profile avatar go to API Keys
  3. Copy Key
  4. Open themer panel inside your Figma
  5. Under tab admin add paste the API Key

Done 👏

Please go back to the main session

Credits

Thanks to Raffaele Vitale for helping with the example Figma file.