figma

  • Created by jonrohan
  • πŸ—“ Last Updated: 26/03/19 21:26:08
  • 🌟 Stars on GitHub: 105
  • Love this? Consider supporting the creator by Starring or Sponsoring this on GitHub!
  • Get Source Code

From their README

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=
    • 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