Darren Northcott - Figma, UX & UI - Invidious

Darren Northcott - Figma, UX & UI

I am a UX director at a small marketing firm and I use Figma on the daily. So here I'm posting Figma stuff I've learned along the way.

I offer exclusive tutorials and content on my Patreon . Join me and let’s learn together!

View channel on YouTube

Switch Invidious Instance

Videos

newest

oldest

popular

5:29

Animated dark mode toggle switch in Figma

Darren Northcott - Figma, UX & UI

Shared 1 year ago

4.5K views

21:46

Create A Fixed Bottom Nav Bar / Expanding Menu That Animates Between Screens - Figma Tutorial 2024

Darren Northcott - Figma, UX & UI

Shared 1 year ago

6.4K views

11:06

Create A Fully Working PIN Screen Using Variables - Figma Tutorial 2023

Darren Northcott - Figma, UX & UI

Shared 2 years ago

6K views

3:44

Make A Full Width Responsive Grid That Fills The Container: Figma Tutorial 2023

Darren Northcott - Figma, UX & UI

Shared 2 years ago

4K views

6:44

Make a quiz using variables in Figma - Config 2023

Darren Northcott - Figma, UX & UI

Shared 2 years ago

25K views

25:06

Figma Intro To Variables - Config 2023 Update

Darren Northcott - Figma, UX & UI

Shared 2 years ago

8.6K views

7:40

Interactive Fixed/Sticky Header On Scroll: Figma Tutorial For Beginners 2023

Darren Northcott - Figma, UX & UI

Shared 2 years ago

12K views

7:44

The Importance of Whitespace in UI & UX Design

Darren Northcott - Figma, UX & UI

Shared 2 years ago

4.3K views

12:17

Advanced Auto Layout Techniques - Figma Tutorial For Beginners And Pros

Darren Northcott - Figma, UX & UI

Shared 2 years ago

8.3K views

3:52

Stacking Fixed AND Sticky Headers - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 2 years ago

20K views

1:17

14 Fancy Toggles For Figma - UI File Download

Darren Northcott - Figma, UX & UI

Shared 2 years ago

285 views

4:12

Figma Update: Component State Management - May 2023

Darren Northcott - Figma, UX & UI

Shared 2 years ago

7.4K views

6:04

Dynamic Profile Badge - Figma Tutorial / Hack Using Variables

Darren Northcott - Figma, UX & UI

Shared 2 years ago

1.7K views

11:27

User Flows 101 - UX Basics for Beginners or Professionals

Darren Northcott - Figma, UX & UI

Shared 2 years ago

6.9K views

4:59

Make An Animated Popout Button - Figma 2023 Tutorial

Darren Northcott - Figma, UX & UI

Shared 2 years ago

6.5K views

8:14

Create An Infinite Scrolling Carousel: Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 2 years ago

36K views

1:00

Figma Update: Where did FIX POSITION go?? - Quick Tip

Darren Northcott - Figma, UX & UI

Shared 2 years ago

56K views

13:28

Multi-Select Dropdown With Tags - Figma Tutorial 2023

Darren Northcott - Figma, UX & UI

Shared 3 years ago

12K views

8:08

Create An Animated Mask In Figma: 2023 Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

7K views

4:42

Create A Sticky Sidebar On Scroll: Figma 2023 Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

36K views

10:15

Sticky Header on Scroll! Figma Update 2023

Darren Northcott - Figma, UX & UI

Shared 3 years ago

74K views

14:04

Advanced Interactive Accordion Component: Figma 2023 Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

8.5K views

8:35

Animated Product Tile In Figma! (2023 UI Tutorial)

Darren Northcott - Figma, UX & UI

Shared 3 years ago

3.6K views

5:55

Create A Parallax Animation Based On Mouse Position (on hover): Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

11K views

11:23

Create An Interactive Search Bar & Button: Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

134K views

8:39

Create A Dynamic 3D Text Component with Variables - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

11K views

8:00

Create A Fixed / Sticky Bottom Nav Bar That Animates Between Screens - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

211K views

8:59

Create An Animated Component That Follows The Cursor - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

18K views

12:53

Create An Animated Mesh Gradient INSIDE Text - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

9.1K views

11:12

Getting Started With Auto Layout in Figma - Beginner Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

947 views

4:15

Create an Animated Toggle Switch in Figma - Beginner Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

3.2K views

10:04

Create A Scalable Timeline Component Using Auto Layout - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

12K views

0:42

Figma Tutorials Now On Patreon

Darren Northcott - Figma, UX & UI

Shared 3 years ago

1.9K views

10:48

Create A Draggable Slide Up Action Card In Figma Using Auto Layout - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

25K views

9:51

Create An Interactive Dropdown Menu In A Sticky Header Using Auto Layout - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

6.5K views

7:15

Create An Animated Button In Figma

Darren Northcott - Figma, UX & UI

Shared 3 years ago

4.5K views

17:32

Parallaxing Effect on Scroll in Figma

Darren Northcott - Figma, UX & UI

Shared 3 years ago

62K views

11:01

Interactive Stack of Cards You Can Shuffle By Swiping In Figma

Darren Northcott - Figma, UX & UI

Shared 3 years ago

24K views

3:07

Create a fixed/sticky header inside an autolayout in Figma

Darren Northcott - Figma, UX & UI

Shared 3 years ago

56K views

18:11

Create a nested responsive component in Figma using autolayout and variables

Darren Northcott - Figma, UX & UI

Shared 3 years ago

11K views

5:50

Creating An Interactive Accordion in Figma

Darren Northcott - Figma, UX & UI

Shared 4 years ago

69K views