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.
- Convert Figma design to production-ready app
- Figma Alternatives (HN)
- Understanding Figma/Adobe buy out
- Design Systems For Figma
- Primer for Figma - Primer, GitHub's design system, available on Figma.
- Behind the feature: find and replace (2022)
- Why I love Figma
- Figma Component Properties
- FigJam Force Directed Graph
- Design system Figma doc
- Figma: Making multiplayer more reliable (2022)
- Nice Figma thumbnails
- Auto Layout Tutorial in Figma (2022)
- What should Figma focus on next? (2022)
- Figma Squircle - Figma-flavored squircles for everyone.
- Figma Platformer Engine - Build a platformer straight from Figma without code.
- How to prepare prototype with button component that highlights while hovering in Figma
- The Easy Way to Build Responsive Components (2022)
- Flowkit - User flows right inside Figma. (Twitter)
- Figbruary - Challenges using Figma for the next 28 days.
- Apple Design Resources – iOS 17 and iPadOS 17 (HN)
- Making Figma better for developers with Dev Mode (2023) (HN)
- Figma Config 2023
- Figma is a File Editor (2023) (HN)
- Figma To JSON - Read/Write Figma Files as JSON.
- Linear UI - Free UI Kit (Recreated)