Figma Design System & UI Kit for your product by Ana AnesFigma Design System & UI Kit for your product by Ana Anes
Figma Design System & UI Kit for your productAna Anes
Cover image for Figma Design System & UI Kit for your product
Is your product's UI growing faster than it stays consistent? I build a Figma design system your team can reuse, so every new screen starts from the same buttons, inputs, colours and spacing, in every state.
What's included
An audit of your current screens to find repeated patterns and inconsistencies
Foundations set up as Figma variables (colour, type, spacing, radius)
Core components with variants and states (buttons, inputs, selects, cards, navigation)
Hover, focus, selected, disabled and error states that read the same everywhere
A short usage page so designers and developers know when to use what
How it works
Week 1 is the audit and foundations. Week 2 is components, states, documentation and handoff. One round of revisions is included.
Recent example. MESH, a UI system with 488 reusable items in 14 categories, built on 31 foundation variables.
Starting at$840
Duration2 weeks
Tags
Figma
Design System
Product Designer
UX Designer
UI kits
Service provided by
Ana Anes proAveiro, Portugal
Figma Design System & UI Kit for your productAna Anes
Starting at$840
Duration2 weeks
Tags
Figma
Design System
Product Designer
UX Designer
UI kits
Cover image for Figma Design System & UI Kit for your product
Is your product's UI growing faster than it stays consistent? I build a Figma design system your team can reuse, so every new screen starts from the same buttons, inputs, colours and spacing, in every state.
What's included
An audit of your current screens to find repeated patterns and inconsistencies
Foundations set up as Figma variables (colour, type, spacing, radius)
Core components with variants and states (buttons, inputs, selects, cards, navigation)
Hover, focus, selected, disabled and error states that read the same everywhere
A short usage page so designers and developers know when to use what
How it works
Week 1 is the audit and foundations. Week 2 is components, states, documentation and handoff. One round of revisions is included.
Recent example. MESH, a UI system with 488 reusable items in 14 categories, built on 31 foundation variables.
$840