Design a Scalable Mobile App With Figma Variants


Curriculum for the course Design a Scalable Mobile App With Figma Variants

Learn how to use Figma Variants to design a scalable mobile app. Variants can streamline your frontend design process by allowing you to group and organize similar components into a single container. ✏️ Ahmet Efeoglu developed this course. Check out his channel: https://www.youtube.com/channel/UCSziSLMFFNT4PaRQhEwANzg ๐Ÿ”— Tutorial file link: https://www.figma.com/file/FrLR3t9jZ9X8psPdmztdlh/Activista-Tutorial-Initial-Screens?node-id=0%3A1 ๐Ÿ”— Homework file link: https://www.figma.com/file/8js2feuv6LdhmvVtBXkC2L/Figma-Activista-Tutorial-Homework?node-id=0%3A1 ⌨️ (0:00:18) Intro ⌨️ (0:02:13) Accessing Tutorial and Homework Files ⌨️ (0:04:24) Project Overview ⌨️ (0:05:27) Recommending Personal and freeCodeCamp Channel ⌨️ (0:06:25) Basics Overview ⌨️ (0:08:22) Learning The Frame Functionality ⌨️ (0:10:25) Learning The Autolayout Functionality ⌨️ (0:14:39) Learning The Component Functionality ⌨️ (0:18:55) Learning The Variant Functionality ⌨️ (0:21:42) Creating The Type System ⌨️ (0:28:41) Creating The Color Palette/System ⌨️ (0:35:54) Creating The Icon Set ⌨️ (0:41:34) Creating Input Variants ⌨️ (0:52:23) Creating Large Button Variant ⌨️ (1:00:47) Designing Sign Up and Login Screen ⌨️ (1:18:46) Creating Status Bar Variant ⌨️ (1:23:14) Creating The Filter Variant ⌨️ (1:27:40) Creating Bottom Navigation Variant ⌨️ (1:35:02) Creating Image Card Variant ⌨️ (1:49:27) Updating Input Variant ⌨️ (1:57:31) Designing The Discover Screens ⌨️ (2:15:20) Creating Large Avatar Variant ⌨️ (2:24:05) Creating Small Button Variant ⌨️ (2:32:45) Creating The Benefit Card Variant ⌨️ (2:46:45) Designing Details Screen ๐ŸŽ‰ Thanks to our Champion and Sponsor supporters: ๐Ÿ‘พ Raymond Odero ๐Ÿ‘พ Agustรญn Kussrow ๐Ÿ‘พ aldo ferretti ๐Ÿ‘พ Otis Morgan ๐Ÿ‘พ DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Watch Online Full Course: Design a Scalable Mobile App With Figma Variants


Click Here to watch on Youtube: Design a Scalable Mobile App With Figma Variants


This video is first published on youtube via freecodecamp. If Video does not appear here, you can watch this on Youtube always.


Udemy Design a Scalable Mobile App With Figma Variants courses free download, Plurasight Design a Scalable Mobile App With Figma Variants courses free download, Linda Design a Scalable Mobile App With Figma Variants courses free download, Coursera Design a Scalable Mobile App With Figma Variants course download free, Brad Hussey udemy course free, free programming full course download, full course with project files, Download full project free, College major project download, CS major project idea, EC major project idea, clone projects download free

Popular posts from this blog

CVR Nummer : Register CVR Number for Denmark Generate and Test Online

Bing Homepage Quiz: Fun, Win Rewards, and Brain Teasers

How To Iterate Dictionary Object