Awesome
💁 Would you need Bootstrap Icons workflow?
Font Awesome workflow for Alfred
You can incrementally search for Font Awesome icons and paste it to front most app.
:pencil: for coding HTML/CSS
:art: for designing in Photoshop, Illustrator, Sketch, Keynote, etc
:gem: See also: Font Awesome Workflow with Sketch 3 — QuickCast.
Installation
Download Font-Awesome.alfredworkflow and import to Alfred (requires Powerpack).
The current supported version is Font Awesome 5.15.3 Free. Previous versions are available here.
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.
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. http://fontawesome.io/icon/arrow-circle-o-right)
Options
Disable pasting: Turn off "Automatically paste to front most app" in Workflow's Preferences.
Changelog
See details changes for each version in the release notes.
Links
- Syntax.fm Podcast Episode 11 - Our favourite Productivity Hacks
- Automating Front-end Workflow (Addy Osmani)
- Hidden Productivity Secrets With Alfred | Smashing Coding
- Can I import FontAwesome icons in Sketch 3? - Quora
Development
$ npm i
$ npm t
$ npm run build
$ npm run open
License
Released under the MIT license.
Author
<a href="https://github.com/ruedap"><img src="https://avatars.githubusercontent.com/u/289671?v=3&s=300" alt="ruedap" title="ruedap" width="100" height="100"></a>