Figma
beginnerTopic 2 of 10 in UI/UX Design
What it is
Figma is a browser-based design tool used by teams to create, prototype, and collaborate on user interfaces. It is the industry standard for UI/UX design.
Why ui/ux design developers need it
Figma is where design work happens in most companies. Knowing how to use it fluently — frames, components, auto layout, prototyping — is a basic requirement for any design role.
What to learn
Frames, layers, and groups
Auto Layout for responsive components
Components and variants
Styles: colour, text, and effect styles
Constraints and responsive resizing
Prototyping: interactions, transitions, flows
Plugins and shortcuts for speed
Collaboration: comments, sharing, developer handoff
Practice project
App Redesign
Redesign the login and home screen of an existing app in Figma. Use proper frames, auto layout, components for buttons and inputs, and build a clickable prototype of the login flow.