figma

Alfred workflow to quick link figma projects and files

From this project's GitHub repository:

Figma Alfred 3 workflow

Alfred workflow to quick link Figma teams, projects and files

TODO:

  • Figma’s API doesn’t allow access to getting listings of draft files.
  • Figma’s API doesn’t allow access to get teams. This requires adding team ids to the workflow manually.
  • Files open in the desktop app, but teams and projects won’t.

Installation

$ npm install --global alfred-figma

Requires Node.js 10+ and the Alfred Powerpack.

Configuration

There are a couple of requirements.

  1. You need a Figma account and be part of a team.
  2. Create a Personal Access Token so you can reach the API.
  3. Create a .env file with your access token in the directory of the installed workflow.
    • FIGMA_TOKEN=<personal-access-token>
    • Alternatively add an environment variable for FIGMA_TOKEN
  4. Add a team to your results with the figma add [teamurl] command.

Usage

alfred-figma

The workflow lists results of 3 items teams, projects and files.

Teams

  • Open team page.
  • + Remove team from workflow.
  • + Open team page in web browser.

Projects

  • Open project page.
  • + Open project page in web browser.

Files

  • Open file.
  • + Y OR shift Quicklook preview of the file.
  • + Duplicate file to your drafts.
  • + Open file in web browser.

Credits

License

MIT © Jon Rohan