Create After Effects-Like Animations in Figma?!
https://bit.ly/3D2I3Zu - Take my UI Design Bootcamp Now!
-- Want to learn UI/UX? https://designcourse.com
-- Today, we're going to step into the world of Figma and learn how to create complex animations, with the help of the Figmotion Figma plugin -- which is free to use! It allows you to create animation sequences that you wouldn't otherwise be able to achieve using Figma alone. You can export them as high framerate MP4's, as well as export the CSS animation code (and JSON)!
https://www.figma.com/community/plugin/733025261168520714/Figmotion
0:00 - Introduction
0:35 - An Awesome Offer
1:09 - Installing the Figmotion Plugin
1:36 - Designing a Quick UI
3:35 - Using the Figmotion Plugin
13:49 - Video Render of the Animation
14:48 - Viewing the CSS
15:44 - Outro
Let's get started!
#figma #animation #ui
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Видео Create After Effects-Like Animations in Figma?! канала DesignCourse
-- Want to learn UI/UX? https://designcourse.com
-- Today, we're going to step into the world of Figma and learn how to create complex animations, with the help of the Figmotion Figma plugin -- which is free to use! It allows you to create animation sequences that you wouldn't otherwise be able to achieve using Figma alone. You can export them as high framerate MP4's, as well as export the CSS animation code (and JSON)!
https://www.figma.com/community/plugin/733025261168520714/Figmotion
0:00 - Introduction
0:35 - An Awesome Offer
1:09 - Installing the Figmotion Plugin
1:36 - Designing a Quick UI
3:35 - Using the Figmotion Plugin
13:49 - Video Render of the Animation
14:48 - Viewing the CSS
15:44 - Outro
Let's get started!
#figma #animation #ui
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Видео Create After Effects-Like Animations in Figma?! канала DesignCourse
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
5 MUST HAVE Plugins For Figma Designers! (Best Figma Plugins 2022)10 tips to work 10x faster in FigmaNeumorphic Animations in Figma | Smart Animate | Figma TutorialReally simple Parallax Animation Using Smart Animate (Figma)Figma Smart AnimateFigma components: the basics to creating robust componentsDesign an Animated Sidebar Menu | Figma TutorialHow To Create Animation In Figma - Figmotion TutorialDesigning & Building a Personal Portfolio from SCRATCH!How to Create & Export GIF in Figma | Using Motion PluginAdd 3D Animations in Your UI Projects! | Adobe Xd, Figma & Sketch | Design Weekly[Part 1] Smart Animate TutorialAnimated Illustration in Figma | Interactive ComponentsFigma Parallax Image Animation Using Smart Animate — 📎 With Practice FileUI / UX Design Tutorial – Wireframe, Mockup & Design in FigmaSmooth Parallax Scrolling in Figma | Smart Animate 🔥Make Your Figma Animations A LOT Smoother!!Figma Auto Layout | Getting Started with Auto LayoutFigma Parallax Effect - NEW Smart Animate Feature! 🤩Creating the Most DYNAMIC Buttons in Figma