Add Animations to your UI Designs + Hand-off to Developers

5369
22
362
21.04.2022
Maddy Beard

Maddy Beard

710293
22900
89
08.05.2009
Описание видео:

How to customize and add animations from Lottie into your Figma UI design projects, preview them, and hand them off to developers seamlessly! In this example we'll be choosing a loader animation, editing the colors, and adding it as a GIF into our Figma file for a food delivery app :) ◤ Mentioned In This Video 》Lotties Animations: 🤍lottiefiles.com/ 》Preview Lottie: 🤍drawer.design/preview-lottie-animation/ 》More Tutorials: 🤍bit.ly/36h8PSe ◤ Skillshare Class 》Intro to UI/UX Design: 🤍skl.sh/3pcWnGC ◤ Connecting Designers + Jobs 》Browse the job board: 🤍bit.ly/3qOjs62 》Apply to the talent collective: 🤍bit.ly/3uJSuNZ 》Search for talent: 🤍bit.ly/3tVklvM ◤ Shop My Favorites 》screen recording: 🤍loom.grsm.io/maddy 》desk accessories: 🤍bit.ly/3iCIwJ0 ◤ Follow Me 》Instagram: 🤍maddybeard.ux 》Email List: maddybeard.ck.page 》Behance: behance.net/maddybeard ☆ For Business Inquiries: email maddy🤍maddybeard.com

Кадры из видео
Add Animations to your UI Designs + Hand-off to Developers
Add Animations to your UI Designs + Hand-off to Developers
Add Animations to your UI Designs + Hand-off to Developers
Add Animations to your UI Designs + Hand-off to Developers
Тэги из видео
Комментарии пользователей:
Shamique
2023-01-02 02:02:50

Wow this is super helpful!! Thank you Maddy xo

Njenga the Geek
2022-09-20 14:03:06

Cool animation

Khushbu Das
2022-08-05 13:37:32

Maddy how can I remove the white circle from this gif🙂

Shaju 7
2022-04-25 06:24:20

Amazing Maddy.❤

Mujadad Hussain
2022-04-23 17:26:13

Is there any way to remove the background of these animation?

David Khan101
2022-04-22 16:35:00

I'm from India

David Khan101
2022-04-22 16:34:47

I love u 🥰🥰🥰🥰

GeorgiaCarias
2022-04-22 16:15:23

Please keep doing what ur doing, these videos are so helpful!

nacylaa
2022-04-22 15:53:09

Nice! 👍

君喬顏
2022-04-22 14:19:40

Awesome video!!👏👏👏
Can this effect be done in Adobe XD?

Elizabeth Messina
2022-04-21 22:45:41

Thank you so much! This is great

Natalia N
2022-04-21 19:39:21

Loved it!

Rohit Jadhav
2022-04-21 17:52:58

Loved it 😀

RabbyTheSR
2022-04-21 15:41:09

💚❤

Hanan HB
2022-04-21 15:11:22

Thank u, that was quick awesome video ✨

Josports
2022-04-21 14:37:52

Thank you very much, just what i needed 🔥👍🤗

Что ищут прямо сейчас
deep remix zebronics sound bar Open graph el jefe что было дальше дудь mung dal ki recipe skeler discord.js slowmode command remove iCloud Željezara Zenica Beverly Marsh Aarava OHIANI BA COMEDY flipping land ruqyah al shariah クイズ 苗年 тероборона поппи el salvador plus
Похожие видео
31.03.2022
Portfolio First Impressions & 5 Most Common Mistakes

Portfolio First Impressions & 5 Most Common Mistakes

31.03.2022
Figma vs. Adobe Xd Design with Me | How different are they?

Figma vs. Adobe Xd Design with Me | How different are they?

10.09.2022
Free UI Animation Course - Part 1 - The basics

Free UI Animation Course - Part 1 - The basics

15.06.2021
How to Build a Color Palette for Product Design | Guide to UI Colors

How to Build a Color Palette for Product Design | Guide to UI Colors

29.08.2022
How to Hand-off UI Designs to Developers (Figma vs Zeplin)

How to Hand-off UI Designs to Developers (Figma vs Zeplin)

13.04.2021
How to Outline & Write your UX Case Study | real example!

How to Outline & Write your UX Case Study | real example!

27.12.2022
How to use AI Art and ChatGPT to Create a Insane Web Designs

How to use AI Art and ChatGPT to Create a Insane Web Designs

08.11.2022
REAL CLIENT PROJECT Behind the Scenes: How I use Figma + Notion as a Freelance Product Designer

REAL CLIENT PROJECT Behind the Scenes: How I use Figma + Notion as a Freelance Product Designer

05.05.2022
Top 6 Things to Include in your UX Case Study

Top 6 Things to Include in your UX Case Study

13.01.2021
Free illustrations for UI Design and Websites

Free illustrations for UI Design and Websites

31.10.2022
Transforming Outdated Logos FAST in Adobe Illustrator

Transforming Outdated Logos FAST in Adobe Illustrator

15.10.2020
Turn your Adobe Xd Animations into Optimized GIFs for Behance

Turn your Adobe Xd Animations into Optimized GIFs for Behance

09.09.2022
ONE-DAY Webflow Transformation for a Tea Shop | Web Design & Build

ONE-DAY Webflow Transformation for a Tea Shop | Web Design & Build

08.03.2022
Turn your Adobe Xd Animations into Optimized GIFs for Behance | WITHOUT Photoshop!

Turn your Adobe Xd Animations into Optimized GIFs for Behance | WITHOUT Photoshop!

01.12.2022
10 Tools Every Designer Should Start Using in 2023 | Productivity & Speed

10 Tools Every Designer Should Start Using in 2023 | Productivity & Speed

18.10.2022
Re-Design a Chocolate Shop Homepage With Me | Figma + Webflow

Re-Design a Chocolate Shop Homepage With Me | Figma + Webflow

12.04.2021
How to use components in Adobe Xd | tutorial with examples

How to use components in Adobe Xd | tutorial with examples