Featured

Make an Entire Layout Responsive in Figma - In 10 Minutes



Published
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!
Category
Web design
Be the first to comment