Full Design System
Starting at
$
30
/hrAbout this service
Summary
Scope
This service covers everything related to design systems, including but not limited to:
Components with states and variants
Style guide
Tokens
Icons and illustrations
Typography
Colours
Documentation
Timeline
Building and designing a bespoke design system can take lots of weeks, but to make it easy to follow the progress, I like to break it down into phases and milestones;
Exploring and presentation of the design direction
Building the foundations (colours and typography)
Common components (buttons, input fields, checkboxes etc.)
Complex components (usually combination of the common components to form reusable larger components like profile cards)
Icons and illustrations
Documentation
Final clean up and review
What's included
Designed components agreed upon
This deliverables includes all the components needed to build pages on Figma.
Style guide
This is a comprehensive documentation of the typography and colour ranges used in the design.
Component states and variants
For components that can be in multiple states and have multiple variants, all the needed variants and states will be designed.
Token names
For people who need a more advanced design system that can be plugged in directly into code, I will provide detailed tokens and references.
Documentation
Full documentation for component usage and UI patterns.
Example projects
Skills and tools
Graphic Designer
UX Designer
Product Designer
Figma
Zeplin