A design system you can build on
A shared library in Figma brings components, colours, typography and rules together, so designers and developers have the same reference. The scope starts from your product and the team who will use the system.
When several people work on the same product
A design system becomes relevant when new pages and features need to match the rest of the solution, and several people help build them.
I start from your existing design and gather the patterns you need to reuse. It can be part of a digital design project or a standalone clean-up of an existing interface.
- Several people publish or develop on the same solution
- New pages take too long because everything is designed from scratch
- Website, app and campaigns look like three different companies
From existing design to shared components
Review
I review the product, the Figma files and the visual identity. We choose which patterns to keep, merge or change.
JSTwo primary buttons. Choose one.
JSSpacing jumps between 12 and 18
Components
I build the agreed buttons, fields, cards and other components with relevant variants, error states and interactions.
Button Field Emailname@company.comPhone12 34Invalid numberStatus ActiveDraftPendingErrorChoice Documentation and handover
You get Figma files and a short guide. If development is included, the components are aligned with the code. We also agree how the system is maintained.
srcuibutton.astroLayout.astroButton.astrobutton.astroLayout.astro1---2const variants = ['primary', 'ghost'];3const { variant = 'primary', disabled } = Astro.props;4---5<button class={variant} disabled={disabled}>6<slot />7</button>8<Button variant="primary">Send</Button>9<Button variant="ghost" disabled>Waiting</Button>
How much does a design system cost?
The price depends on whether you start from an existing UI and how many components need documenting. Choose Design system in the calculator and adjust the deliverables.
Fill it in and get a range straight away.
Expected investment
—
Excl. VAT ·
Get a concrete assessment
Send me your answers, and I will look at the scope and recommend the right solution and next steps.
Thank you. I'm on it.
I will get back to you with a concrete assessment.
Rather talk? Book a free 30-minute call
Selected clients
Frequently asked questions about design systems
What is a design system?
A design system brings together reusable UI components, design values and rules for using them. It gives designers and developers a shared foundation when they build new pages and features.
How is it different from a brand guide?
A brand guide describes the company's visual identity. A design system translates that identity, among other things, into digital components and their states. The two can therefore complement each other.
Does a smaller website need a design system?
Not always as a separate project. On a smaller website the components can be developed along the way. A standalone system is more relevant when several people or products need to share the same design.
Can you keep working on our Figma library?
Yes. I start by reviewing the files and agree what should be cleaned up or extended. You don't have to start over if the existing library works.
How much does a design system cost?
The price depends on the starting point, the number of components and the documentation needed. Use the calculator and choose Design system to get a preliminary range.
