{"id":104316,"date":"2025-09-26T18:07:35","date_gmt":"2025-09-26T12:37:35","guid":{"rendered":"https:\/\/www.admecindia.co.in\/?p=104316"},"modified":"2025-10-01T18:14:02","modified_gmt":"2025-10-01T12:44:02","slug":"learn-smart-ui-designing-in-figma","status":"publish","type":"post","link":"https:\/\/www.admecindia.co.in\/ui-design\/learn-smart-ui-designing-in-figma\/","title":{"rendered":"Learn Smart UI Designing with Auto Layout, Constraints, Components & 8px Grid in Figma"},"content":{"rendered":"
<\/div>\n

There are tons of repetitive tasks to perform while making a UI design. But we have smart features of Figma like Auto-layout, components, and constraints<\/strong> that cut down the busywork and let us design smartly. Hello readers, this is Anuradha Sengar and today I\u2019m going to talk about the smart UI designing options of Figma<\/strong>.<\/p>\n\n\n\n

\"Smart<\/figure>\n\n\n\n

I\u2019m listing down all the features one by one into 6 parts with practical explanation<\/strong> for your ease. You just have to follow my explanation step by step and try everything practically simultaneously. This blog is for all budding designers who are in UI UX Design Courses<\/strong><\/a> or exploring by themselves.<\/p>\n\n\n\n

Make sure to comment your doubts and work progress so that I can help you improve it. Let\u2019s start now.<\/p>\n\n\n\n

Part 1: Auto Layout<\/h2>\n\n\n\n

What is it?<\/strong><\/p>\n\n\n\n

Auto Layout is a property that we apply on elements like text, shapes and images. It adds a frame and automatically adjusts the inner elements of that frame. Auto Layout is actually a powerful feature for building responsive designs<\/strong>. You can easily covert you compact sized designs<\/strong> into a medium or even large screen devices<\/strong> using it.<\/p>\n\n\n\n

So, we use Auto Layout because:<\/strong><\/p>\n\n\n\n