Figma Animated Text | Prototype Tutorial
1218 次观看 · 2023-01-10
UI 设计
In this tutorial, I will show you how to make Animated Text in Figma with Figma Interactive Components. Also, you will learn how do you animate text in figma and how to use Frames, Groups, Multiple Components, Variants, Figma Prototype, Figma Smart Animate. After that you will be able to create your own animated text and animations in figma.
In this video I show you:
00:00 Intro
00:24 Create Texts
02:06 Position Texts Inside the Frame
03:51 Create Variants
04:49 Create Multiple Components
05:12 Prototype
======
Watch my others Figma Interactive Components tutorials:
Snackbar Animation: https://youtu.be/bc13KhDd-nA
Blinking Cursor Animation: https://youtu.be/TZx9BIvMCQ8
Loading Micro Animation: https://youtu.be/yPUacWZtkKs
Accordion Animation: https://youtu.be/NDA_FPARcDk
Notification Animation: https://youtu.be/vIoDgmZ6OaA
Animated Swipe to Remove: https://youtu.be/YHn18oK9O2E
Audio Message Animation: https://youtu.be/bFYsWYlJ_ns
Button Ripple Effect: https://youtu.be/7absYWUNPaY
Automatic Carousel: https://youtu.be/tXEUK6PJiJg
Circle Progress Bar: https://youtu.be/_eBzKeOsaDs
Sound Wave Animation: https://youtu.be/TeRMRl-3TuM
Dynamic Island Animation: https://youtu.be/yh436YFPOm4
Dropdown Menu List: https://youtu.be/s0wq0oacVbg
Animated Modal Overlay: https://youtu.be/nSIaWj_lj10
Time Picker Animation: https://youtu.be/eCut5wH3LJs
Animated Heart Icon: https://youtu.be/MvQ2xMfR060
Animated Swipe to Delete: https://youtu.be/DuP_Zp2KClk
Floating Action Button (FAB): https://youtu.be/R6Zfp0MI6b8
Pulse Loading Animation: https://youtu.be/Jc5JJvcR-mo
Animated Like Button: https://youtu.be/k2lwD4S5_ts
Search Bar (Keyboard Input Animation): https://youtu.be/Oiav0MXU2sQ
Loading Animation: https://youtu.be/f3PS8Y1fiIY
Animated Countdown: https://youtu.be/1ZZZ4_r0uJM
Interactive Star Rating: https://youtu.be/psl1ar21oC8
Interactive Slider: https://youtu.be/Y1Qu5h6w7CU
Interactive Button: https://youtu.be/-BTCL-vHvRA
Radio Buttons: https://youtu.be/k0D1l3lGs_M
Checkbox: https://youtu.be/0jgvOyS3XsQ
Dropdown Menu: https://youtu.be/e3K5ux4hOao
Input Fields: https://youtu.be/wiBarR5SIRA
Progress Bar: https://youtu.be/gIK-07miFOc
Toggle Switch Button: https://youtu.be/N_0X5rb6miY
======
Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials
In this video I show you:
00:00 Intro
00:24 Create Texts
02:06 Position Texts Inside the Frame
03:51 Create Variants
04:49 Create Multiple Components
05:12 Prototype
======
Watch my others Figma Interactive Components tutorials:
Snackbar Animation: https://youtu.be/bc13KhDd-nA
Blinking Cursor Animation: https://youtu.be/TZx9BIvMCQ8
Loading Micro Animation: https://youtu.be/yPUacWZtkKs
Accordion Animation: https://youtu.be/NDA_FPARcDk
Notification Animation: https://youtu.be/vIoDgmZ6OaA
Animated Swipe to Remove: https://youtu.be/YHn18oK9O2E
Audio Message Animation: https://youtu.be/bFYsWYlJ_ns
Button Ripple Effect: https://youtu.be/7absYWUNPaY
Automatic Carousel: https://youtu.be/tXEUK6PJiJg
Circle Progress Bar: https://youtu.be/_eBzKeOsaDs
Sound Wave Animation: https://youtu.be/TeRMRl-3TuM
Dynamic Island Animation: https://youtu.be/yh436YFPOm4
Dropdown Menu List: https://youtu.be/s0wq0oacVbg
Animated Modal Overlay: https://youtu.be/nSIaWj_lj10
Time Picker Animation: https://youtu.be/eCut5wH3LJs
Animated Heart Icon: https://youtu.be/MvQ2xMfR060
Animated Swipe to Delete: https://youtu.be/DuP_Zp2KClk
Floating Action Button (FAB): https://youtu.be/R6Zfp0MI6b8
Pulse Loading Animation: https://youtu.be/Jc5JJvcR-mo
Animated Like Button: https://youtu.be/k2lwD4S5_ts
Search Bar (Keyboard Input Animation): https://youtu.be/Oiav0MXU2sQ
Loading Animation: https://youtu.be/f3PS8Y1fiIY
Animated Countdown: https://youtu.be/1ZZZ4_r0uJM
Interactive Star Rating: https://youtu.be/psl1ar21oC8
Interactive Slider: https://youtu.be/Y1Qu5h6w7CU
Interactive Button: https://youtu.be/-BTCL-vHvRA
Radio Buttons: https://youtu.be/k0D1l3lGs_M
Checkbox: https://youtu.be/0jgvOyS3XsQ
Dropdown Menu: https://youtu.be/e3K5ux4hOao
Input Fields: https://youtu.be/wiBarR5SIRA
Progress Bar: https://youtu.be/gIK-07miFOc
Toggle Switch Button: https://youtu.be/N_0X5rb6miY
======
Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials