- Check out Anima Now!
-- Today, we’re going to check out Anima. Anima allows you to transform your designs created in Figma, Adobe XD and Sketch, into developer-friendly code across standard HTML/CSS, React and Vue. It’s all responsive, too! In this video, we’re going to take a project I designed with 4 different screen sizes, and use Anima to export it to a Vue project with just a few clicks.
0:00 - Introduction
0:51 - Project Overview
1:42 - Constraints and Resizing
2:25 - Importing your designs into Anima
3:05 - Previewing the Design in the Anima Browser
3:30 - Sync’ing the Project
4:40 - Adding a Hover State to a Button
6:00 - Making a Functioning Textfield
6:57 - Submitting a Form
8:20 - Making the Side Nav Animate
9:45 - Exporting Code
10:44 - Viewing the Exported Code
11:34 - The Code Viewer & Style Guide
12:42 - Collaboration
13:38 - Final Thoughts
Check out Anima!
Let’s get started!
#anima #figma #designtocode
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX:
My personal FB account:
Coursetro FB:
Coursetro’s Twitter:
Join my Discord!
^-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, , Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website .
Come to my discord server or add me on social media and say Hi!
1 view
15
1
5 months ago 00:27:59 1
Advance Shopping Cart With Admin Panel And Checkout System Using PHP and MySQL | P3 - Add To Cart
5 months ago 00:05:07 1
Dropdown menu in Figma
5 months ago 00:01:17 1
Windows 12 Concept by Antarktidov
5 months ago 03:07:31 1
Learn Web Design For Beginners - Full Course (2024)
6 months ago 00:44:23 1
AI vs Artists - The Biggest Art Heist in History
6 months ago 00:13:30 1
How to make social media post design in Figma - Figma Design
6 months ago 00:13:57 1
Figma - Креативные плагины для работы с текстом (creative plugins Figma)