Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ruedap/alfred-font-awesome-workflow

🎩 Font Awesome workflow for Alfred
https://github.com/ruedap/alfred-font-awesome-workflow

List: alfred-font-awesome-workflow

alfred alfred-workflow alfred4-workflow css font font-awesome fontawesome icons photoshop sketch svg-icons webfont

Last synced: 5 days ago
JSON representation

🎩 Font Awesome workflow for Alfred

Awesome Lists containing this project

README

        

> 💁 Would you need [Bootstrap Icons workflow](https://github.com/ruedap/alfred-bootstrap-icons-workflow)?

# Font Awesome workflow for Alfred

[![Latest Version](http://img.shields.io/github/release/ruedap/alfred-font-awesome-workflow.svg?style=flat-square)](https://github.com/ruedap/alfred-font-awesome-workflow/releases/latest)
[![License](http://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://github.com/ruedap/alfred-font-awesome-workflow/blob/main/LICENSE.md)

You can incrementally search for [Font Awesome icons](https://fontawesome.com/changelog/latest) and paste it to front most app.

#### :pencil: for coding HTML/CSS

![screencast.gif](https://github.com/ruedap/alfred-font-awesome-workflow/raw/assets/images/screencast.gif)

#### :art: for designing in Photoshop, Illustrator, Sketch, Keynote, etc

![screencast-illustrator.gif](https://github.com/ruedap/alfred-font-awesome-workflow/raw/assets/images/screencast-illustrator.gif)

:gem: See also: [Font Awesome Workflow with Sketch 3 — QuickCast.](http://quick.as/46rbfrqr)

## Installation

Download **[Font-Awesome.alfredworkflow](https://github.com/ruedap/alfred-font-awesome-workflow/releases/latest)** and import to [Alfred](http://www.alfredapp.com/) (requires Powerpack).

The current supported version is **Font Awesome 5.15.3 Free**. Previous versions are available [here](https://github.com/ruedap/alfred-font-awesome-workflow/releases).

#### macOS Catalina refuses to run unsigned binaries by default

There are a few ways to allow such programs to run.
See: https://github.com/ruedap/alfred-font-awesome-workflow/issues/119

## Usage

**Keyword** `fa`: Search through [Font Awesome icons](https://fontawesome.com/icons?d=gallery&m=free).

- `Enter`: Paste class name (**for coding HTML/CSS**. e.g. `fa-arrow-circle-o-right`)
- `Ctrl + Enter`: Paste character name and ligatures shoud convert the letter into the correct symbol. (**for designing in Photoshop, Illustrator, etc**)
- `Shift + Enter`: Paste character code (e.g. `f18e`)
- `Command + Enter`: Open in browser (e.g. )

![Workflow](https://github.com/ruedap/alfred-font-awesome-workflow/raw/assets/images/workflow.png)

## Options

**Disable pasting**: Turn off "Automatically paste to front most app" in Workflow's Preferences.

![Disable pasting](https://github.com/ruedap/alfred-font-awesome-workflow/raw/assets/images/option-disable-pasting.png)

## Changelog

See details changes for each version in the [release notes](https://github.com/ruedap/alfred-font-awesome-workflow/releases).

## Links

- [Syntax.fm Podcast Episode 11 - Our favourite Productivity Hacks](https://syntax.fm/show/011/our-favourite-productivity-hacks)
- [Automating Front-end Workflow (Addy Osmani)](https://speakerdeck.com/addyosmani/automating-front-end-workflow?slide=151)
- [Hidden Productivity Secrets With Alfred | Smashing Coding](http://coding.smashingmagazine.com/2013/10/25/hidden-productivity-secrets-with-alfred/)
- [Can I import FontAwesome icons in Sketch 3? - Quora](http://www.quora.com/Can-I-import-FontAwesome-icons-in-Sketch-3)
- [Quickly search and insert icons to Sketch using Alfed - YouTube](https://www.youtube.com/watch?v=nEFW_NmC-TA)

## Development

```sh
$ npm i
$ npm t
$ npm run build
$ npm run open
```

## License

Released under the [MIT license](https://github.com/ruedap/alfred-font-awesome-workflow/blob/main/LICENSE.md).

## Author

ruedap