Figma Components and Variants: A Beginner’s Guide
Learn Figma components, instances, variants and component properties step by step, with a button example, naming tips and mistakes to…
design systems
Design Handoff to Developers: A Checklist for Designers
A practical design handoff checklist: tidy Figma files, states and edge cases, tokens, responsive rules, Dev Mode, annotations and working…
CSS Custom Properties as Design Tokens: A Practical Guide
Turn colours, spacing and type sizes into CSS custom properties that mirror your Figma Variables – with token layers, theming,…
Design Systems for Beginners: What They Are and How to Start One
A design system is a shared set of rules, tokens and components. Learn its parts and build a small one…
Colour Theory for UI Designers: Practical Rules for Screens
Practical colour theory for UI: hue, saturation and lightness, harmonies, building a palette, contrast rules from WCAG, semantic colours and…