Descriptions
Responsive UX/UI design in Figma. 2 hours deep dive. UPDATE JULY 23. Is automatic layout driving you crazy? Worried about what will happen to your design in the browser? Then this class is just for you. We’ll learn all about how to set up responsive UI design using Figma. This will be a real deep dive into constraints, automatic layout, and the most important but rarely discussed breakpoints for your UI design. The combination of these tools will allow us to truly test and document your designs and components according to the actual code setup. This course is for you if you have basic knowledge of Figma or are an experienced Figam user and really want to brush up on your skills.
What will you learn
- Auto markup
- Restrictions
- Testing Adaptive Components Using Breakpoints
- Documenting responsive components and pages
- Absolute positioning
- Fixed aspect ratio
- Automatic layout resizing
- How to find the right breakpoints and translate them into Figma
- How media queries work under the hood of CSS
- Breakpoint plugin
- Note. We will NOT be coding a responsive website!
- Figma worksheet file with lots of exercises.
- Access to a library of lunar education student files
Who is this course for?
- We start from 0 with responsive design, but you should have basic knowledge of Figma.
- Advanced UI designer looking to brush up on his skills.
- Graphic designers are moving towards UX/UI
- Anyone who wants to learn something good!
- Developers who want to understand how responsive UI components are configured to improve the design experience (note that this is a UI design course, not a programming course!)
Responsive UX/UI Design Specifications in Figma. Two-hour deep dive. UPDATE, JULY 23.
- Publisher: Udemy
- Teacher: Christina moon training
- English language
- Level: Intermediate
- Number of courses: 53
- Duration: 2 hours 39 minutes.
Contents of adaptive UX/UI design in Figma. Two-hour deep dive. UPDATE, JULY 23.
Requirements
- We start from 0 with responsive design, but you should have basic knowledge of Figma.
- You need access to a (free) Figma account.
Images
Sample clip
Installation instructions
Extract the files and watch on your favorite player
Subtitles: English
Quality: 720p
Download links
Password file(s): free download software
file size
0.99 GB