This is a list of links that had helped me learn Figma and moving from Sketch. It's an incomplete list and I will keep adding more interesting links in the future. If you have questions or ideas you can get in touch via Twitter @FedeSanchez0
Figma - Curso Figma | De básico a avanzado
-
💻 Official Accounts, Community, Best Practices & Blog
Figma: the collaborative interface design tool.
Design Systems articles on building and maintaining design systems
Beyond multiplayer: Building community together in Figma
Figma is no longer publishing on Medium. Articles might be outdated.
-
👥 People to Follow
English
Rasmus Andersson (@rsms) | Twitter
Thomas Lowry (@negativespaceca) | Twitter
Josh (@neversitdull) | Twitter
Gleb Sabirzyanov (@zyumbik) | Twitter
Alyssa X (@alyssaxuu) | Twitter
Matt DesLauriers (@mattdesl) | Twitter
Gerrit Halfmann (@halfmage) | Twitter
Václav Vančura (@vancura) | Twitter
Kyle Decker (@kybradeck) | Twitter
Dustin Tanner (@dustanner) | Twitter
Mikolaj Dobrucki (@mikolajdobrucki) | Twitter
Spanish
Miguel Angel Cardona 📐 (@miggi) | Twitter
Danny Saltaren (@dsaltaren) | Twitter
Rafa Garcés (@rafagarces) | Twitter
-
**New**Community -
💎 Moving from Sketch
Migrating to Figma: the business case, the process, and the libraries
How we use Figma to make designing at Cuvva even better
Moving From Sketch To Figma: A Case Study Of Migrating Design Systems - Smashing Magazine
Design At Scale: One Year With Figma - Smashing Magazine
Sketch vs Figma, Adobe XD, And Other UI Design Applications - Smashing Magazine
Our first 6 months with Figma - mendesaltaren - Medium
Figma Livestream - From Sketch to Figma
A Sketch user's perspective on switching to Figma
What to expect when moving from Sketch to Figma
Why we moved from Sketch to Figma
Figma Vs. Sketch - Ben Kopf - Medium
UI Designer's Toolbox, Part II: How Figma and Adobe XD Compare to Sketch
Why your design team should consider switching to Figma
Why I left Sketch + Invision like a old sock. (or why I love Figma) - Medium
Tool tips: How our design team switched to Figma | Inside Intercom
-
🔠 Typography
Getting to the bottom of line height in Figma
Kick-start your typography system in Figma
Figma: A Fluid and Modular Design Approach to Typography with Components
-
📐 Grids
-
🔷 Version Control, Components & Design Systems
Components in Figma - Figma Design - Medium
Component architecture in Figma
Building flexible components in Figma - Thomas Lowry - Medium
Versioning design system with Figma, take two
How we handle Kiwi.com's design system with Figma
Creating atomic components in Figma - Figma Design - Medium
Best practices: component, styles, and shared libraries
Creating Atomic Components That Will Blow Your Mind - an article by Paul Hanaoka on Liferay.Design
Getting Started with Components - Figma
Mini Tutorials - Working with Figma Button Components
Some Tips for Getting Started with Styles, Components, and Libraries · Figma
Design System for Figma - The Power of Dynamic Elements - Medium
-
🎨 Templates & Resources
Figma - Table UI | Table UI for Figma
Chicago Design System Component Library sticker sheet
cursorOS - original macos cursors
Figma Freebies - Free UI Kits & Figma Resources
Mobile App Templates, Wireframes, Flowcharts for Sketch, Figma and XD - Design Files
Figma Resources & UI Kits - Figma Finder
Figma Templates, UI kits and Freebies - Free Figma resources
Liferay Design | Articles, Events, and Resources for the Open Source Design Community
Figma table component - FigmaCrush.com
Responsive Table Component
Safari iOS Native - Design Files
-
🖥️ Constraints & Responsive Design
5 essential ways to use design constraints
The concept of Breakpoints. Pain reliever in Figma
How to create a component with an icon that can adapt its position? · Figma
-
📱 Prototyping
4 Figma Tips For Prototyping Like A Pro
-
🧩 Integrations
ProtoPie - Create the most advanced prototypes as easy as Pie
Figma Import by Lily Nguyen - Framer X Store
Hand-off and Inspect Sketch, PSD, XD, AI, & Figma designs | Avocode
zeroheight · document your design systems, together
Building a design system using Figma and Zeroheight
Think You Can't Animate Your Figma Designs? Think Again! [figma + protopie]
-
Design Systems (Naming conventions, Organization...)
How Kiwi.com handles project structure, versioning & components in Figma
-
Handoff
-
🧩 Plugins
Introduction · Figma Developers
-
**New**AutolayoutQuick tips for Auto-Layout in Figma
-
🎯 Tips & Tricks
10 tips on using components in Figma
Creating Bulleted Lists - Figma
Here is how I create better TEXT Components. · Figma
How to create a component with an icon that can adapt its position? · Figma
Responsive Table with Fixed Columns · Figma
Just discovered a way to make "breakpoints" in components · Figma
Miguel Angel Cardona 📐 on Twitter
Figma Tips and Tricks - Envato Tuts+ Web Design Tutorials
Figma button resize for consistent padding
#FigmaTip Roundup 8.0 - Figma Design - Medium
How to streamline your UI/UX workflow with Figma
Awesome things in Figma - Thomas Lowry - Medium
Tips for a better developer workflow in Figma
Bernat Fortet Unanue on Twitter
Miguel Angel Cardona 📐 on Twitter
Imag(e)ine that: A guide to working with images in Figma
Tips for a better developer workflow in Figma
Figma Tips To Kick-Start Your Design Workflow — Smashing Magazine
-
📼 Video
Multiplayer Live - Vector Networks
Figma Livestream-Zeroheight's Figma integration
How to Design Flexible Button Components in Figma | UX / UI Design
How to Design Complex Components in Figma | Card UI with Layout Grids
-
🧵 Misc
Figma Tutorial: Isometric Frames
Convert Figma Frames to Google Slides
Want Figma API inspiration? Here's 8 community-powered projects - Medium
-
🎓 Courses
Design System Course in Figma by Design+Code
Homepage - Figma for Beginners
Learn Figma - UI/UX Design Essential Training | Udemy
Top Figma Courses Online - Updated [June 2019]
Top Online Tutorials To Learn Figma For UI/UX Design - Medium