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

5.3K 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

7.3K views

11:06

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

Darren Northcott - Figma, UX & UI

Shared 3 years ago

6.5K views

3:44

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

Darren Northcott - Figma, UX & UI

Shared 3 years ago

4K views

6:43

Make a quiz using variables in Figma - Config 2023

Darren Northcott - Figma, UX & UI

Shared 3 years ago

26K views

25:06

Figma Intro To Variables - Config 2023 Update

Darren Northcott - Figma, UX & UI

Shared 3 years ago

8.7K views

7:39

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

Darren Northcott - Figma, UX & UI

Shared 3 years ago

13K views

7:43

The Importance of Whitespace in UI & UX Design

Darren Northcott - Figma, UX & UI

Shared 3 years ago

4.6K views

12:17

Advanced Auto Layout Techniques - Figma Tutorial For Beginners And Pros

Darren Northcott - Figma, UX & UI

Shared 3 years ago

8.6K views

3:51

Stacking Fixed AND Sticky Headers - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

22K views

1:17

14 Fancy Toggles For Figma - UI File Download

Darren Northcott - Figma, UX & UI

Shared 3 years ago

287 views

4:11

Figma Update: Component State Management - May 2023

Darren Northcott - Figma, UX & UI

Shared 3 years ago

7.5K views

6:04

Dynamic Profile Badge - Figma Tutorial / Hack Using Variables

Darren Northcott - Figma, UX & UI

Shared 3 years ago

1.8K views

11:26

User Flows 101 - UX Basics for Beginners or Professionals

Darren Northcott - Figma, UX & UI

Shared 3 years ago

8.9K views

4:59

Make An Animated Popout Button - Figma 2023 Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

6.7K views

8:14

Create An Infinite Scrolling Carousel: Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

39K views

1:00

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

Darren Northcott - Figma, UX & UI

Shared 3 years ago

57K views

13:27

Multi-Select Dropdown With Tags - Figma Tutorial 2023

Darren Northcott - Figma, UX & UI

Shared 3 years ago

13K views

8:07

Create An Animated Mask In Figma: 2023 Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

7.4K views

4:41

Create A Sticky Sidebar On Scroll: Figma 2023 Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

37K views

10:15

Sticky Header on Scroll! Figma Update 2023

Darren Northcott - Figma, UX & UI

Shared 3 years ago

75K views

14:04

Advanced Interactive Accordion Component: Figma 2023 Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

8.7K views

8:34

Animated Product Tile In Figma! (2023 UI Tutorial)

Darren Northcott - Figma, UX & UI

Shared 3 years ago

3.7K views

5:55

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

Darren Northcott - Figma, UX & UI

Shared 3 years ago

12K views

11:22

Create An Interactive Search Bar & Button: Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

142K views

8:39

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

Darren Northcott - Figma, UX & UI

Shared 3 years ago

12K views

7:59

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

Darren Northcott - Figma, UX & UI

Shared 3 years ago

225K views

8:59

Create An Animated Component That Follows The Cursor - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

19K views

12:53

Create An Animated Mesh Gradient INSIDE Text - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

9.3K views

11:12

Getting Started With Auto Layout in Figma - Beginner Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

965 views

4:15

Create an Animated Toggle Switch in Figma - Beginner Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

3.5K views

10:04

Create A Scalable Timeline Component Using Auto Layout - Figma Tutorial

Darren Northcott - Figma, UX & UI

Shared 3 years ago

13K 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

27K 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

7K views

7:15

Create An Animated Button In Figma

Darren Northcott - Figma, UX & UI

Shared 3 years ago

4.6K views

17:32

Parallaxing Effect on Scroll in Figma

Darren Northcott - Figma, UX & UI

Shared 3 years ago

63K views

11:01

Interactive Stack of Cards You Can Shuffle By Swiping In Figma

Darren Northcott - Figma, UX & UI

Shared 3 years ago

26K views

3:07

Create a fixed/sticky header inside an autolayout in Figma

Darren Northcott - Figma, UX & UI

Shared 3 years ago

57K 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

70K views