Do you want to master responsive design by effectively utilizing Figma's Auto Layout, Grid, and Constraints features? In this lecture, you will gradually develop the skills to create responsive designs, from small UI elements to cards, tables, components, and web and app screens. Learn how to use Figma immediately for job preparation and practical work, and master the ability to design responsive interfaces optimized for various devices!
Equip with skills from responsive design concepts to practical application.
Master Figma's gem, "Auto Layout," for responsive design.
Figma's Auto Layout, Grid, and Constraints will make small UI elements, cards, and components responsive.
Can design both web and app responsively.
You will gain "responsive" design capabilities, enabling flexible adaptation to diverse device environments with a single design.
You can more effectively deliver design handoffs to developers and stakeholders.
Hello. I'm Eric, a product designer. 👋
I am currently working as a senior product designer in the tech industry in New York, USA. I am responsible for practical work that encompasses all aspects of UX/UI, from UX research to UI design, design system construction and management, and as an interviewer, I also take on the role of reviewing and evaluating applicants' portfolios. Therefore, I have a good understanding of what capabilities are actually needed for beginners or those preparing for employment. I have also written a book for UX design beginners called "Design thinking for beginners," which became an Amazon bestseller.
The reason I decided to create this course is because after I properly mastered responsive design and Figma's core features for it in my actual work, I experienced a several-fold improvement in design productivity and efficiency. At the core of this was a systematic screen design approach utilizing Figma's auto layout, grid, and constraints features.
Previously, it took too much time to create and modify designs for different screen sizes with the same design approach. But now, I can build responsive UI designs that flexibly adapt to various devices with a single design, which has reduced repetitive work and made collaboration between designers and developers much smoother. Based on my experience, knowledge, and practical know-how, I will help beginners/job seekers significantly increase their employment opportunities through responsive design, and help current designers who don't know responsive design greatly improve their work productivity. Take this opportunity to properly learn responsive design and create opportunities for career growth.
Who is this course right for?
UX/UI design beginners & job seekers wanting quicker employment
Developer who collaborates with UX/UI designers, or directly designs.
PM/PO/Service Planners looking to boost work productivity in proposal creation using Auto Layout/Grid, etc.
Junior or incumbent designers unfamiliar with responsive design or Auto Layout/Constraints usage
Need to know before starting?
Figma: Basic Knowledge and How to Use
Basic concepts of UX/UI design
5,065
Learners
684
Reviews
306
Answers
4.8
Rating
7
Courses
현재 뉴욕의 글로벌 테크 회사 The Knot Worldwide에서 시니어 프로덕트 디자이너로 일하고 있습니다.
뉴욕에 오기 전에는 서울에서 UI기획자로 일을 했습니다.
브런치 매거진 "디자인, 그리고 프러덕트"와 UX, UI 지식과 정보를 공유하는 "뉴욕 UX디자이너" 인스타그램과 페이스북을 운영하며 디자이너 및 예비 디자이너들과 소통하고 있습니다.
개인적으로는 세 아이👶의 아빠이며 요리🍲, 교육🏫에 관심이 많습니다.
집필 및 강의
• "뉴욕 프로덕트 디자이너가 알려주는 UX디자인 입문 A to Z" 책 출간 (링크: Yes24, 알라딘, 교보문고)
• 퍼블리 아티클 "서비스의 첫 인상을 결정하는 3초: 랜딩 페이지 UX 4가지 원칙" 발행
• Samsung SW Academy for Youth (SSAFY) UX/UI다자인 및 피그마 강사
• 1:1 멘토링 및 기업 강의 진행 (토픽: UX, UI디자인, UX퍼실리테이션, UX/UI 포트폴리오 제작 및 발행)
경험 및 경력
• (현) 뉴욕 The Knot Worldwide 시니어 프로덕트 디자이너
• (전) 서울 Pantech 모바일 앱 UI기획자
• 뉴욕 기반의 다수 스타트업과 UX/UI 컨설팅 프로젝트 진행
• 뉴욕 School of Visual Arts 디자인 대학원 졸업 / 전공: Interaction Design
• 한동대학교 학부 졸업 / 전공: 산업디자인
All
40 lectures ∙ (5hr 10min)
All
15 reviews
4.9
15 reviews
Reviews 1
∙
Average Rating 5.0
5
Thank you for creating the necessary lectures.
Thank you for the feedback. I'm so happy that I was able to help you through the course. I'll be cheering for all your future plans to go well~!
Reviews 1
∙
Average Rating 5.0
Edited
5
I'm working on frontend development at a startup, but I'm also handling design tasks. Until now, I've been fumbling through design by searching for YouTube materials only when needed, but this time I had to learn responsive design quickly. Since the course is practice-oriented, I can follow along step by step or try first and then check, which seems effective for learning responsive design in a short period! The part where you explained the principles of constraints was especially helpful, and when alignment wasn't working, you pointed out why, which helped me understand aspects I had previously missed. Also, although I had difficulties with files during the course, I was grateful that you provided quick feedback despite the time difference...! This time, instead of the tedious way of manually adjusting values stitch by stitch like before, I want to work efficiently by properly applying what I learned in the course. Thank you so, so much 😭😭! I'll keep fighting until the end and complete the course!
I'm delighted to be able to help through the responsive design course. I also remember the times when I didn't use auto layout or constraints and had to do a lot of manual work stitch by stitch. I can say that productivity has increased dozens of times now. I believe that if Joy applies the course content to practical work, it will enhance work efficiency. Thank you for your valuable feedback, and I'll be cheering for you to achieve all the things you're planning ahead.
Reviews 1
∙
Average Rating 5.0
5
I'm someone for whom understanding 'why' something needs to be done serves as a very important motivator. Actually, even if you know many features, if you don't know how to apply them or they're not practical, the utility of the information you have would decrease and the meaning of learning those features would also fade significantly. However, what I liked most about this course was that it felt like it was created not through a learning -> practical application route, but rather through a practical difficulties -> learning -> overcoming difficulties route. The way you actually explained things was also structured as why this feature is important in practice -> how to apply it + actual case examples, so it stuck in my head much better. And because you explained things in an easy way, I was able to completely break down the burden I felt about parts I had vaguely thought were difficult features. Also, as a job seeker, you told us throughout the course 'why' these are frequently used in practice, so even while learning, I found myself thinking I should remember this and looking at it once more. Thanks to this, my vague fear and burden about practical work has also decreased! Thank you :)
Thank you for your thoughtful review. I also remember feeling frustrated when I first learned and studied responsive design, especially auto layout, not knowing how to apply it in actual work. In other words, I didn't want to learn just for the sake of learning the feature itself, but I wanted to learn how to solve the problem of responsive design, and I remember that wasn't easy. So while creating this course, I tried to structure the curriculum and content by thinking about how students, especially beginners or those preparing for employment, could more easily understand and acquire skills applicable to real work. In other words, I set the goal of creating a course so that after taking this course and mastering responsive design, an applicant would make an interviewer think, "This person is ready with responsive design skills." Hearing that this course has reduced the vague and fearful burden of real work (!!) makes me incredibly happy and gives me great satisfaction in creating this course :) Once again, thank you for leaving such valuable reviews and feedback, and I deeply support all your future career plans.
Reviews 2
∙
Average Rating 5.0
5
Thank you so much for such a valuable lecture! Sharing the Figma files made it great to practice along directly. However, I didn't quickly realize the materials were available at first, so I went searching for them during the lecture😊😊 Your intuitive explanations using comparisons, examples, analogies, etc. made it easy for beginners to understand, and it was wonderful to learn about the effects and applications of even the less noticeable Figma features! Plus, the quizzes at the end of each section helped me review and recall the content from each cycle, making the learning process enjoyable.
Reviews 1
∙
Average Rating 5.0
5
Even though these are basics I already know, you explain the fundamentals thoroughly and easily as a reminder, making it easy to understand! You show real-world examples while explaining, and I think it's great that I can find similar cases on my own to compare and study!!!
Thank you. I designed the course with the goal of making it easy for students to understand and follow along, so I'm absolutely delighted to hear that it was helpful. I'll be cheering you on to achieve all the things you're planning in the future.
Limited time deal ends in 6 days
$53.90
30%
$77.00
Check out other courses by the instructor!
Explore other courses in the same field!
