Here are my getting started resource

Naming and organizing things

Naming things in Figma by Joey Banks

keeping things organized how microsoft team does it

figma component the frontify way (tips)

Scalable design system and Block Element Modifier way

Best practices
The Library + Flow approach to organizing Figma files by Tess Gadd

Spacing guide for designers

Responsive layout grid guide for designers 

Best practices of components, styles, and shared libraries

How does figma structure things

File structure best practice guide

11 steps to keep Figma clean (super clean)

Atomic 2.0 (Extending Atomic Design (update atomic design by Brad Frost)

Atomic Design originated from Brad Frost

Another example of another’s interpretation of Atomic Design 2.0

Figma styles to setup, these lend well from web design &web development and in Design Systems such as Google’s Material Design

  • Color Style
    • Color Saturation Scale 100 – 900
  • Text Style
    • Font Weight Scale 100 – 900

UI Design Tips by Jim Raptis

Aleksandr Morozov’s collection of figma tips in a twitter thread.

@morozov_dev50 UI Design Tips by pixselacademy
Complete thread

Figma Auto-layout in 5 minutes and Advanced Figma tips
All by By Christine Vallaure
New Figma Auto-layout in 5 minutes

Advance Figma tips

Figma project structure inspo

project template

project index (figma cover)

Figma component tips by Danny Sapio

Youtube Videos on Figma must knows

Figma vs FigJam by Femke

setting up your grids by Mizko

Why you should use components by AM Design

Mistakes Designers make with Figma Components by AM Design

Mistakes noobs & pros designers made in Figma by AM Design

Mastering autolayout in Figma by AM Design

Figma tips and tricks from the team that builds Figma


Startup Drive Folder Organization: Free Template


Author: Tom Lowry on Nested Grids

Nested Grids figma design demo file (duplicate the file)

The Comprehensive 8pt Grid Guide
Start your UI project right with this extended framework for the 8pt grid: Typography, Icons and Layout.

Design System based on the 8pt Grid
This article is the 2nd in a two part series

Responsive layout grid guide for designers
Start your UI project learning how to build a responsive layout grid on Sketch or Figma for your responsive websites.

The 8-Point Grid
Using multiples of 8 to define dimensions, padding, and margin of elements.

Using layout grids for UI elements

Mobile Layouts and Grids

Red flags design interviews can reveal

9 Figma design system tips
A collection of handy tips to improve your design system workflow in Figma.

Typography systems in Figma by Thomas Lowry

Why designers should move from px to rem (and how to do that in Figma)
by Christine Vallaure

Job Process
Dear Student
by Kritika Kushwaha
No-frills process & portfolio design advices & other stuff (PDFing in thread)If you’re a design student or aspiring designer, I suggest you check out the deck below where I talk about all the things you need to do to make a killer Interaction Design portfolio.
Figma prototype presentation[…]6-Other-Stuff?node-id=34%3A461&starting-point-node-id=34%3A461