FIGMA CRASH COURSE || Design an Instagram-Like App in Figma in under 35 Minutes!!
In this crash course, we'll learn how to design a simple 2-page mobile app similar to Instagram's main page and direct messages page. Join us as we'll explore the basics of Figma, research the design, create low-fidelity wireframes and turn those into high-fidelity mockups ready to be exported or turned into a prototype!
What we'll learn in this crash course with Figma:
Intro: (0:00)
Creating a new design file: (0:12)
Project requirements: (2:26)
Wireframing: (3:10)
Mockup creation: (12:10)
Creating components: (14:44)
Finding icons: (19:52)
Sample data plugin: (22:42)
Sample profile photos plugin: (24:18)
Prototyping: (26:14)
Constraints: (27:41)
Designing icons: (30:25)
Final touches: (33:45)
Sign up for Figma from here:
https://www.figma.com
Wanna learn how to design complete Mobile & Web UI/UX with Figma? Check out my complete 6-hour Figma Course:
https://bit.ly/LearnFigma
Видео FIGMA CRASH COURSE || Design an Instagram-Like App in Figma in under 35 Minutes!! канала Clevr Studio
What we'll learn in this crash course with Figma:
Intro: (0:00)
Creating a new design file: (0:12)
Project requirements: (2:26)
Wireframing: (3:10)
Mockup creation: (12:10)
Creating components: (14:44)
Finding icons: (19:52)
Sample data plugin: (22:42)
Sample profile photos plugin: (24:18)
Prototyping: (26:14)
Constraints: (27:41)
Designing icons: (30:25)
Final touches: (33:45)
Sign up for Figma from here:
https://www.figma.com
Wanna learn how to design complete Mobile & Web UI/UX with Figma? Check out my complete 6-hour Figma Course:
https://bit.ly/LearnFigma
Видео FIGMA CRASH COURSE || Design an Instagram-Like App in Figma in under 35 Minutes!! канала Clevr Studio
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![My Top 10 FREE Figma Community Files](https://i.ytimg.com/vi/If0iMdmp9Vk/default.jpg)
![Master Auto-Layout in Figma (Free Playground File)](https://i.ytimg.com/vi/YMkg9q95Kf8/default.jpg)
![My Top 7 Figma Widgets • Using Widgets to Speed up Your Workflow](https://i.ytimg.com/vi/WTS6FNTRXBU/default.jpg)
![How to Master Product Design in Figma in 2024](https://i.ytimg.com/vi/SdJ_FHWclMs/default.jpg)
![How to Use Figma Variables for Light & Dark Modes](https://i.ytimg.com/vi/aKd0T5x-onA/default.jpg)
![Top 5 Mobile UX Design Mistakes & How to Avoid Them](https://i.ytimg.com/vi/wSfSPfIT9oo/default.jpg)
![Using Variants to 10x Your Design Speed in Figma!](https://i.ytimg.com/vi/nobp5Z95Iqk/default.jpg)
![Design 10X Faster with Figma's New Multi-Edit](https://i.ytimg.com/vi/J1IhqwJ9Zx8/default.jpg)
![Designing a Checkout Page for a Mobile App (Live Workshop)](https://i.ytimg.com/vi/_eomUvBjJsM/default.jpg)
![Best FREE AI Images & Text Generator || Adobe Firefly](https://i.ytimg.com/vi/Y2WboRYlW9U/default.jpg)
![Generating Wireframes with Relume AI in just minutes!!](https://i.ytimg.com/vi/tcilYO3ehjo/default.jpg)
![Do These 6 Things to Land a UI/UX Job in 2024](https://i.ytimg.com/vi/slgdbZ41TE8/default.jpg)
![Figma Crash Course • Building a Functional Checkout Page with Variables](https://i.ytimg.com/vi/BVT_onA8VsQ/default.jpg)
![Use Grids & Guides to Make Designing 100x Easier with Figma!](https://i.ytimg.com/vi/UViso27fQwE/default.jpg)
![Prototyping a Fully Working App • Prototype like a Pro Workshop](https://i.ytimg.com/vi/EHvskGjmRKA/default.jpg)
![Make Your Figma Animations A LOT Smoother!!](https://i.ytimg.com/vi/6ZRNSUwIO8s/default.jpg)
![Top 10 FREE Adobe XD Plugins in 2022!](https://i.ytimg.com/vi/Wm-oW1wAMpw/default.jpg)
![Top 5 FREE Figma Design Templates](https://i.ytimg.com/vi/wKj_jnxDfUs/default.jpg)
![NEW Prototyping Feature in Figma: Creating Interactive Components](https://i.ytimg.com/vi/67AFARsJCu4/default.jpg)
![New Color Palette? 🎨 No Problem!! Using Color Styles with Figma](https://i.ytimg.com/vi/eF6k-JrBENE/default.jpg)