Figma Tutorials
Offered By: YouTube
Course Description
Overview
Explore a comprehensive series of Figma tutorials covering essential design techniques and features. Learn to create horizontal and vertical scrolling layouts, master component usage, design overlays and side menus, and develop web UI elements. Dive into practical projects like designing sign-up pages and forms, building blog article cards, and implementing animations using Smart Animate. Discover how to create interactive elements such as dropdown menus with variants, overlay prototypes with delay animations, and button hover effects. Gain hands-on experience in translating Figma designs into HTML and CSS, enhancing your web development skills alongside your design proficiency.
Syllabus
Horizontal & Vertical Scrolling | Figma Tutorial.
Figma Components Tutorial.
Figma Tutorial Overlay.
Figma Tutorial Side Menu.
Figma Web Design Tutorial | Figma UI Design.
Figma UI Design Tutorial | Sign Up Page.
Sign Up Form | Figma to HTML CSS.
Build Blog Article Cards from Scratch | Complete Figma to HTML CSS Tutorial.
Figma Smart Animate | Animation Tutorial with Tab Bar.
Figma Dropdown Menu with Variants | Figma Prototype Tutorial.
Figma After Delay Animation | Overlay Prototype.
Figma Hover | Figma Button Hover Effect with Smart Animate.
Taught by
Angela Delise
Related Courses
Level Up Your CSS Animation SkillsUdemy Upgrade Your Css UI Library - Cards, Buttons, Animations etc
Udemy Design the Web: SVG Rollovers with CSS
LinkedIn Learning Mega CSS Animation Course : 30 Projects Included
Udemy Figma UI Design Speed Art
YouTube