Канал: Will Brett Design

New Figma to Lottie Files - Production ready animations in Figma

New Figma to Lottie Files - Production ready animations in Figma

iPhone 14 Pro Dynamic Island - Free Figma File with animated components

iPhone 14 Pro Dynamic Island - Free Figma File with animated components

Breaking News! Adobe Acquires Figma

Breaking News! Adobe Acquires Figma

iPhone 14 Pro and Dynamic Island Figma file coming soon!

iPhone 14 Pro and Dynamic Island Figma file coming soon!

Figma Smart Animate Carousel + Free Design File

Figma Smart Animate Carousel + Free Design File

Figma carousel using smart animate

Figma carousel using smart animate

Animated Prototype and Figma Hack Tutorial + Free Figma Design File

Animated Prototype and Figma Hack Tutorial + Free Figma Design File

Let's design an App Login Screen + Free Figma Design File

Let's design an App Login Screen + Free Figma Design File

How to copy Figma prototypes without losing interactions

How to copy Figma prototypes without losing interactions

6.1: Using the LottieFiles After Effects Extension YouTube

6.1: Using the LottieFiles After Effects Extension YouTube

6.3: Lottie code example

6.3: Lottie code example

6.2: Using the LottieFiles online preview tool

6.2: Using the LottieFiles online preview tool

2. Intro to After Effects

2. Intro to After Effects

FaceID Animation Tutorial + Free Figma Design Files

FaceID Animation Tutorial + Free Figma Design Files

Setup your Figma files for success

Setup your Figma files for success

5: Animating in After Effects

5: Animating in After Effects

4.2 Option 2 Recreate design in After Effects

4.2 Option 2 Recreate design in After Effects

4.1 Option 1 Use AEUX to export design to After Effects

4.1 Option 1 Use AEUX to export design to After Effects

Announcement: I've been nominated for a design award but I need your help!

Announcement: I've been nominated for a design award but I need your help!

3.3 Create an interactive component in Figma to represent our animation in our Figma files

3.3 Create an interactive component in Figma to represent our animation in our Figma files

3.2 Plan our animation in Figma

3.2 Plan our animation in Figma

3.1 Let’s design our Toggle in Figma

3.1 Let’s design our Toggle in Figma

1.2 What is a Lottie?

1.2 What is a Lottie?

1.1 What you will learn

1.1 What you will learn

How to animate a Touch ID - Free Design Included!

How to animate a Touch ID - Free Design Included!

I've been nominated for a design award

I've been nominated for a design award

The Ultimate UI Kit and Design System for Figma!

The Ultimate UI Kit and Design System for Figma!

How to create a checkbox in Figma

How to create a checkbox in Figma

Episode 5 - Exporting a Lottie - UI Motion Design

Episode 5 - Exporting a Lottie - UI Motion Design

Episode 4 - Animating in After Effects - UI Motion Design

Episode 4 - Animating in After Effects - UI Motion Design

Episode 3 - Figma to After Effects - UI Motion Design

Episode 3 - Figma to After Effects - UI Motion Design

Episode 2 - Design and Animate in Figma - UI Motion Design

Episode 2 - Design and Animate in Figma - UI Motion Design

Episode 1 - Introduction - UI Motion Design

Episode 1 - Introduction - UI Motion Design

How to create a dark mode design in Figma - Fast Method

How to create a dark mode design in Figma - Fast Method

LIVE TUTORIAL - Let's create an NFT website Part 1

LIVE TUTORIAL - Let's create an NFT website Part 1

How to create Loaders and Loading Animations in Figma

How to create Loaders and Loading Animations in Figma

How to make a 3D cube in Figma

How to make a 3D cube in Figma

How to create and use an Interactive Overlay in Figma

How to create and use an Interactive Overlay in Figma

How to make an Interactive Calendar in Figma in under 10mins

How to make an Interactive Calendar in Figma in under 10mins

How to copy Figma prototypes without losing interactions

How to copy Figma prototypes without losing interactions

How to create a Parallax Effect in Figma

How to create a Parallax Effect in Figma

How to make an interactive slider in Figma with Auto Layout

How to make an interactive slider in Figma with Auto Layout

Setting up a Figma Document for Successful Handover

Setting up a Figma Document for Successful Handover

Figma Interactive Components Tutorial

Figma Interactive Components Tutorial

How to create an Auto Layout button in Figma

How to create an Auto Layout button in Figma

Will Brett Design Intro Animation

Will Brett Design Intro Animation