Design Systems & UI Libraries by Matea RaićDesign Systems & UI Libraries by Matea Raić
Design Systems & UI LibrariesMatea Raić
Cover image for Design Systems & UI Libraries
I design scalable design systems that help teams move faster, stay consistent, and ship with confidence.
This service is ideal for startups and growing teams who want a solid UI foundation without design chaos. I create clean, well-documented design systems in Figma that align with your product, brand, and development workflow.
How this helps you
Ship features faster
Maintain visual consistency across your product
Reduce design & dev rework
Scale your product without rebuilding UI from scratch
Best for
Early-stage startups building their first design system
Teams scaling fast and feeling design inconsistency
Products preparing for growth, fundraising, or rebranding

What's included

Design Foundation
• Color system (including semantic & state colors) • Typography scale • Spacing, grid, and layout system • Light/dark mode support (if needed)
UI Components
• Buttons, inputs, forms, dropdowns, modals • Navigation components • Tables, cards, alerts, and empty states • All components built with Figma auto-layout and variants
Component States & Behavior
• Hover, focus, active, disabled states • Validation and feedback states • Responsive behavior (desktop → mobile) • Accessibility best practices baked in
Documentation & Guidelines
• Clear usage rules (when & how to use each component) • Do’s and don’ts • Content and accessibility notes • Easy-to-follow structure for designers and developers
Developer Handoff
• Inspect-ready Figma files • Token-friendly naming • Optional walkthrough with your engineering team
FAQs
Ideally, access to your Figma files, brand guidelines (if any), and a quick overview of your product and users. If you don’t have everything ready, that’s totally fine — I can help define it as we go.
Both. I often create design systems by auditing and organizing existing UI, then rebuilding it into a clean, scalable system.
Absolutely. If your product needs dark mode, multi-brand theming, or future extensibility, I design the system with that in mind.
Clear and practical. I focus on how to use components correctly rather than over-documenting. The goal is adoption, not complexity.
Matea's other services
Starting at$8,000
Schedule a call
Duration6 weeks
Tags
Figma
Design Systems Specialist
UX Designer
Service provided by
Matea Raić proRijeka, Croatia
1
Paid projects
5.00
Rating
30
Followers
Design Systems & UI LibrariesMatea Raić
Starting at$8,000
Schedule a call
Duration6 weeks
Tags
Figma
Design Systems Specialist
UX Designer
Cover image for Design Systems & UI Libraries
I design scalable design systems that help teams move faster, stay consistent, and ship with confidence.
This service is ideal for startups and growing teams who want a solid UI foundation without design chaos. I create clean, well-documented design systems in Figma that align with your product, brand, and development workflow.
How this helps you
Ship features faster
Maintain visual consistency across your product
Reduce design & dev rework
Scale your product without rebuilding UI from scratch
Best for
Early-stage startups building their first design system
Teams scaling fast and feeling design inconsistency
Products preparing for growth, fundraising, or rebranding

What's included

Design Foundation
• Color system (including semantic & state colors) • Typography scale • Spacing, grid, and layout system • Light/dark mode support (if needed)
UI Components
• Buttons, inputs, forms, dropdowns, modals • Navigation components • Tables, cards, alerts, and empty states • All components built with Figma auto-layout and variants
Component States & Behavior
• Hover, focus, active, disabled states • Validation and feedback states • Responsive behavior (desktop → mobile) • Accessibility best practices baked in
Documentation & Guidelines
• Clear usage rules (when & how to use each component) • Do’s and don’ts • Content and accessibility notes • Easy-to-follow structure for designers and developers
Developer Handoff
• Inspect-ready Figma files • Token-friendly naming • Optional walkthrough with your engineering team
FAQs
Ideally, access to your Figma files, brand guidelines (if any), and a quick overview of your product and users. If you don’t have everything ready, that’s totally fine — I can help define it as we go.
Both. I often create design systems by auditing and organizing existing UI, then rebuilding it into a clean, scalable system.
Absolutely. If your product needs dark mode, multi-brand theming, or future extensibility, I design the system with that in mind.
Clear and practical. I focus on how to use components correctly rather than over-documenting. The goal is adoption, not complexity.
Matea's other services
$8,000