The five best design links, every weekday

Category: Figma

All Categories

link.medium.com

One component with over 1,000 variants

Use Figma’s Variants and Auto-layout to design one Button component

figmacrashcourse.com

Figma Crash Course

Skip the basics and learn prototyping, auto-layout, systems, and illustration with your instructor, Pablo Stanley.

blog.discord.com

Building open-source design tools to improve Discord’s design workflow.

With the release of the Figma plugin API last year, the design team at Discord saw an exciting opportunity.

uxdesign.cc

How to make ultra-smooth animations in Figma Motion plugin

Every UX/UI designer comes to the moment when they need to animate their design.

figma.com

Behind the feature: the making of the new Auto Layout

When we first launched Auto Layout, we really focused on making it approachable and usable.

uxdesign.cc

Mastering frame nesting in Figma

Putting a Frame inside another Frame sounds like madness, but it’s a core prototyping technique you’ll need to learn for truly immersive prototypes.

designsystemsforfigma.com

Design Systems For Figma: Design To Engineering Handoff

Jeremy Dizon discusses the nuances that go into creating design and code parody and building engineer partnerships.

figma.com

Bridging design and code with Variants

Today we’re launching Variants and updates to the Inspect panel to power up your design system

figma.com

Behind the feature: the hidden challenges of autosave

The technical challenges of updating our autosave system.

uxdesign.cc

This is NOT collaboration

Yes, this is going to be one of those controversial articles, and if you’re a Figma superfan, you likely want to start throwing rocks at me right now.

uxdesign.cc

Using real data in Figma

There is a whole heap of software and tools being created at the moment to try and bridge the gap between design and development.

uxdesign.cc

Figma Low Code — a new way to tackle design hand-offs

Figma-Low-Code is an open-source project that enables the direct inclusion of Figma designs in Vue applications.

open.nytimes.com

How We Made a Design System for NYT Cooking on Android

How the New York Times Cooking team made a design system for their Android app.

figma.com

Embracing the tension between code and design

New features that bring the best of both worlds to design systems in Figma

material.io

Designing a Material Theme: Typography

Tailoring your typography with Material Design and Figma.

uxdesign.cc

Figma & design thinking: Building a design system for an existing product

Here is how I went about creating a Design System in Figma for a product that already exists by using the design thinking process.

uxdesign.cc

Figma Community: the Github for designers

An appreciation piece on how well modelled the Figma Community feature is and how it can possibly change the way the world designs digitally.

medium.com

Building a Design System Library

At the end of 2019, I helped move all of Lyft’s design system from Sketch to Figma.

9elements.com

Gradient angles in CSS, Figma & Sketch

In the last years, I have worked with different graphics programs and have written many lines of CSS.

setproduct.com

Summer Top 15 — Figma stuff released recently

Handpicked collection of the newest templates for Figma: UI kits, UX tools, design systems, icons, illustrations and more.