Download Responsive UX/UI Design in Figma 2h deep dive (2022 Version) in one single click, On our website, you will find free many premium assets like Free Courses, Photoshop Mockups, Lightroom Preset, Photoshop Actions, Brushes & Gradient, Videohive After Effect Templates, Fonts, Luts, Sounds, 3d models, Plugins, and much more. Psdly.com is a free graphics content provider website that helps beginner graphic designers as well as freelancers who can’t afford high-cost courses and other things.
File Name: | Responsive UX/UI Design in Figma 2h deep dive (2022 Version) |
Content Source: | https://www.udemy.com/course/responsive-ui-design-in-figma-2h-deep-dive/ |
Genre / Category: | Web Design Tuts |
File Size : | 884MB |
Publisher: | udemy |
Updated and Published: | October 25, 2022 |
Deep dive into Figma’s Auto Layout, Constraints and Breakpoints: Responsive setup, testing and design documentation
Auto layout driving you crazy? Scared about what will happen with your design in the browser? Then this class is just right for you.
We will learn everything about how to set up responsive UI design with Figma. This will be a real deep dive into constraints, auto layout, and most important but rarely discussed breakpoints for your UI Design. Combining those tools will allow us to really test and document your designs and components in line with the actual code settings.
We will start with constraints:
- What constraints in Figma are
- How to apply them correctly
- How they are a total lifesaver when it comes to working with grids
- Did you know you can combine constraints and auto layout?
- Being aware of limitations
Deep dive into auto layout:
- What is auto layout?
- How and where to apply auto layout
- Understanding the auto layout menu
- Spacing and stacking
- Build a responsive card and learn about the power of resizing
- Play with the mighty power of nested auto layout frames
- Absolute positioning
- Create more complex card setups
- Set up an entire page in auto layout
- Learn about different stacking options
- Fixed aspect ratio with images
- Minimum width hack
- Slot components
We will then learn how to deal with breakpoints in Figma:
- What are they
- How do components and pages adapt?
- How do breakpoints and media queries work in CSS
- Which breakpoint values should I use for my design
- How to set up breakpoints in Figma
- How to test pages and components with breakpoints
- Documenting the findings
- Figma breakpoints plugin
- A word about responsive typography
With the course material file, you can work alongside me or return to exercises with detailed instructions in your own time.
This class is right for you if you have basic knowledge of Figma or if you are an advanced Figam user and really want to brush up on your skills.
DOWNLOAD LINK: Responsive UX/UI Design in Figma 2h deep dive (2022 Version)
FILEAXA.COM – is our main file storage service. We host all files there. You can join the FILEAXA.COM premium service to access our all files without any limation and fast download speed.