Figma
Kits
Notes
- When resizing frames, hold Command ⌘ to ignore constraint settings for all objects inside that frame
- Can open Figma URLs in desktop app via menu bar (File > Open File URL From Clipboard). Or set the preference via the browser app to always open Figma links in the desktop app.
- CMD+Y = show/hide outline
- Can use Figma to keep track of all illustrations used in blogs/..
- You can set auto layout on component variant frames in Figma.
Links
- Figma.js - Simple wrapper for the Figma API.
- Multiplayer Live — Prototyping 101 (2019)
- Figma to Google Slides - Convert Figma frames into a Google Slides presentation.
- figma-graphql - Reimagined Figma API (super)powered by GraphQL.
- Maze - User testing platform that turns your prototype into actionable insights from real users.
- Config 2020 - Keynote
- Reflections on Config, our first user conference (2020)
- Awesome Figma Tips
- Figma profile
- Figma Design Principles
- Figmalion - Curated newsletter collecting interesting links about Figma.
- Cabana - Design Starter Kit for Figma.
- Organizing and creating libraries
- How Spotify organises work in Figma to improve collaboration (2020)
- Figma Slack updates - Post updates to Slack from a Figma file's version history.
- Inside Figma: the product design team’s process (2020)
- Bravo Studio - Turn Figma prototypes into native iOS & Android apps instantly. No code.
- Figma Events
- Figurative - Figma app for iPadOS.
- Why Figma Wins (2020) (HN)
- How Figma helped us work during quarantine (2020)
- Design Systems in Figma course
- Config Figma - Conferences organized by Figma.
- Embracing the tension between code and design (2020)
- Designing in Figma book
- Figma Tools - Tools to help you programmatically interact with your Figma files.
- Learning and failing as a team (2020)
- Figma Config Europe 2020 videos
- 10 tips to work 10x faster in Figma (2020)
- FigmaCourses - Learn everything on Figma.
- Figside - Ship Websites with Figma. (Tweet)
- FigmaExport - Command line utility to export colors, typography, icons and images from Figma to Xcode / Android Studio project.
- Figma Assets Fetch - macOS command-line utility for template-based code generation from Figma assets.
- Vector Networks (2016)
- UI Design Livestream: Variants, Prototyping and Interactive Components in Figma (2021)
- Figma to React - Convert Figma designs to React code. (HN)
- Figma Plugin API typings
- Figma Course for Beginners
- Nucleus UI - Free UI component library for Figma.
- FigJam - Online whiteboard for teams to explore ideas together.
- Figma Community collections
- Figma API Docs (Code)
- Figmaster - Design systems workbook for Figma.
- 10 Figma tricks I wish I knew earlier (2021)
- SaaS Blocks Figma UI Kit
- Figma Mirror
- How (and why) we built branching (2021) (Tweet)
- GraphQL, meet LiveGraph: a real-time data system at scale (2021) - Real-time data fetching at Figma.
- Introducing new FigJam prices and a more open platform (2021) (Tweet)
- What should Figma add (2021)
- Awesome Figma
- Figma Auto Layout: Practical tips for dynamic designs (2020)
- How to recreate Figma in React (2022) (Reddit)
- Fugen - Command line tool for exporting resources and generating code from your Figma files.
- Resources to learn Figma (2022)
- What's possible to build on top of Figma canvas (2022)
- Figmagic - Missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.
- How to make Apple Event iPhone SE wallpaper with Figma
- Starter for Figma - Prototype high-quality landing pages in literally minutes.
- Interface Inventory Blueprint – Figma
- Figma Export .zip - Easily export assets from Figma directly into a .zip file.
- Untitled UI - Figma UI Kit and Design System.
- 24 Best Figma UI Kits and Design Systems (2022)
- Prototyping Tips & Hacks – Figma
- Animating mesh gradients in Figma
- Designing 3D lines in Figma
- Nice Figma guides
- Everything New in Figma (2022)
- Joey's Newsletter
- Config 2022 - YouTube (Reddit)
- How to change the color of a PNG image in Figma
- Figma Bites - YouTube
- Designing Auto Layout V4 - Joel Miller, Oscar Nilsson (Config 2022)
- Prototyper for Figma
- Component Properties (Case Study) – Figma - Learnings about Figma's Component Properties. (Tweet)
- What is your favorite Figma feature? (2022)
- Figma Godly Starter (Tweet)
- Learn Design with Figma
- Figma Academy - Product Design Program.