Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jonrohan/alfred-figma

Alfred workflow to quick link figma projects and files
https://github.com/jonrohan/alfred-figma

alfred alfred-workflow alfred3 alfred3-workflow design design-tools figma figma-api

Last synced: about 2 months ago
JSON representation

Alfred workflow to quick link figma projects and files

Host: GitHub
URL: https://github.com/jonrohan/alfred-figma
Owner: jonrohan
License: mit
Archived: true
Created: 2018-10-22T01:31:50.000Z (about 6 years ago)
Default Branch: master
Last Pushed: 2019-03-26T21:26:08.000Z (over 5 years ago)
Last Synced: 2024-09-25T07:03:01.567Z (about 2 months ago)
Topics: alfred, alfred-workflow, alfred3, alfred3-workflow, design, design-tools, figma, figma-api
Language: JavaScript
Size: 223 KB
Stars: 110
Watchers: 3
Forks: 3
Open Issues: 2
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

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](https://nodejs.org) 10+ and the Alfred [Powerpack](https://www.alfredapp.com/powerpack/).*

## Configuration

There are a couple of requirements.

1. You need a [Figma account](https://www.figma.com) and be part of a team.
2. Create a [Personal Access Token](https://www.figma.com/developers/docs#auth-dev-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](https://user-images.githubusercontent.com/54012/47411429-88909400-d71d-11e8-93a4-43a06e5bdd8e.gif)

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

- [alfy](https://github.com/sindresorhus/alfy) made by [Sindre Sorhus](https://sindresorhus.com/) is licensed by [MIT](https://github.com/sindresorhus/alfy/blob/master/license)

## License