Build
01New Design systems work from requirement to production: tokens and components in Figma and in code, kept in sync; Converting Figma designs to a reusable Tailwind component library; Accessibility standards applied across every screen.
UI/UX design · 4 technologies
Design systems — consistency that survives the next ten features.
A design system is how a product stays consistent as it grows and as people change. I build them as Figma libraries and as Tailwind component libraries in code, with tokens for colour, type and spacing, and accessibility built into every component, as on this very site.
- Technologies
- Design systems · Tailwind component libraries · Figma to code · Accessibility
- Support
- Build · fix and maintain · upgrade and migrate · audit and advise
- Typical
- Tokens and components in Figma and in code, kept in sync
- Pricing
- Fixed price, or hourly from $10 by stack
- Team
- Me, plus a vetted team of 50+ for larger builds, 90% with 10+ years' experience
- Start
- Usually within one working day of agreeing the scope
01 — What I do with Design systems
build, fix, upgrade, audit
Fix and maintain
02The usual problems in existing Design systems systems: five shades of the brand blue, buttons that look different on every page, and a redesign every two years.
Upgrade and migrate
03Ad-hoc CSS to a token-based system, Bootstrap themes to Tailwind components, inconsistent screens to a shared library.
Audit and advise
04A code, security, performance and SEO audit of your Design systems system, with a written plan you can act on with or without me.
02 — Technologies
what each one is for
Design systems
Tokens, components and rules in one place.
Tailwind component libraries
Reusable, themeable components in code.
Figma to code
Designs implemented faithfully and responsively.
Accessibility
WCAG-conscious components from the start.
03 — Typical projects
what people usually ask for
Design systems work
that actually gets ordered.
Three shapes most Design systems engagements take. Yours may be a fourth; describe it and I will tell you honestly whether it fits.
- Tokens and components in Figma and in code, kept in sync
- Converting Figma designs to a reusable Tailwind component library
- Accessibility standards applied across every screen
04 — Questions
about Design systems work
Is a design system overkill for a small product?
A small one is not: a page of tokens and ten components. It pays back the first time a second developer touches the project.
Can you build a system for our existing brand?
Yes, starting from your logo, colours and type, and turning them into tokens and components your team can use.
How is Design systems work priced?
A fixed price for a defined scope, or hourly from $10 depending on the stack, always with a written estimate before any work starts.
How do we start?
Send a short description of what exists and what you need. You get a reply within one working day with questions, then a scope or an estimate.
06 — Start
describe the Design systems project
Got a Design systems project?
Tell me what exists, what you need, and the deadline if there is one. I reply within one working day with questions, then a scope or an estimate.
Ahmedabad, India · IST (UTC+5:30) · --:-- IST · Mon–Fri 09:00–18:00 IST · US & EU overlap daily