Internship← UI/UX Design learning pathUI/UX Design · Module 6 of 10
Figma essentials
Design and collaborate in Figma.
📖 Key ideas
- Frames are screens; layers and groups organise elements.
- Auto Layout makes responsive, flexible components.
- Components and variants enable reusable UI elements.
- Styles and variables store colours, text and spacing.
- Share files and collect comments in real time.
💡 Real-life example: Figma components are rubber stamps: design once, stamp everywhere, update all at once.
FrameContainer representing a screen
Auto LayoutAutomatic spacing and resizing
ComponentReusable design element
VariantDifferent states of a component