Want to learn UI/UX? https://designcourse.com
-- Today, we're going to step into Figma and I'm going to show you how to structure your layouts properly using a combination of constraints and auto-layout. This will make your life as a designer much easier, as it makes creating mobile variations super fast.
Starter project file:
https://www.figma.com/file/y1lCCgHy4lHTBFwFoGzIRT/Responsive-Layout-Tutorial?node-id=0%3A1
(Copy the frame and paste it in a new Figma document to edit it)
Visit the following link to download (free) the “JavaScript Illustration” graphic to use in this project:
https://lukaszadam.com/illustrations?ref=designcousre
0:00 - Introduction
1:04 - Navigation
2:31 - Heading & Subheading
3:45 - The Cards
5:15 - The Footer
5:50 - Tablet Design
7:40 - Mobile Design
Let's get started!
#figma #responsive #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!
-- Today, we're going to step into Figma and I'm going to show you how to structure your layouts properly using a combination of constraints and auto-layout. This will make your life as a designer much easier, as it makes creating mobile variations super fast.
Starter project file:
https://www.figma.com/file/y1lCCgHy4lHTBFwFoGzIRT/Responsive-Layout-Tutorial?node-id=0%3A1
(Copy the frame and paste it in a new Figma document to edit it)
Visit the following link to download (free) the “JavaScript Illustration” graphic to use in this project:
https://lukaszadam.com/illustrations?ref=designcousre
0:00 - Introduction
1:04 - Navigation
2:31 - Heading & Subheading
3:45 - The Cards
5:15 - The Footer
5:50 - Tablet Design
7:40 - Mobile Design
Let's get started!
#figma #responsive #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!
- Category
- Web design
Be the first to comment