Design system + tokens (Figma to code) by Sumaiyya Mahinn
Design system + tokens (Figma to code) by Sumaiyya Mahinn
Sign Up
Post a job
Sign Up
Log In
Design system + tokens (Figma to code)
Sumaiyya Mahinn
Your screens don't match because there's no system underneath them. I set one up and document it, so it's easy for anyone to use.
What you get
Token architecture in Figma variables, layered as primitives → semantic → component roles
Colour, type, spacing, radius and elevation collections
Dark mode as a proper mode, not something bolted on later
Core components built on those tokens
Tokens mapped to code (CSS variables or a TS theme) so design and dev use the same names
Good fit if
your product grew faster than its design and every new screen is a guess.
FAQs
We have no design files at all. Is that okay?
Do you do the code side too?
Can you add dark mode to an existing system?
Example work
Cylinder CMS for tracking industrial
Pockit is a mobile app.
Sumaiyya's other services
Product UI + dashboard design
Contact for pricing
Motion + interaction for landing pages
Contact for pricing
Contact for pricing
Message
Duration
1 week
Tags
Figma
Design Systems Specialist
Design Tokens
Documentation
Product Designer
UI Kit
Component Library
Figma Variables
Service provided by
Sumaiyya Mahinn
Nagpur, India
Design system + tokens (Figma to code)
Sumaiyya Mahinn
Contact for pricing
Message
Duration
1 week
Tags
Figma
Design Systems Specialist
Design Tokens
Documentation
Product Designer
UI Kit
Component Library
Figma Variables
Your screens don't match because there's no system underneath them. I set one up and document it, so it's easy for anyone to use.
What you get
Token architecture in Figma variables, layered as primitives → semantic → component roles
Colour, type, spacing, radius and elevation collections
Dark mode as a proper mode, not something bolted on later
Core components built on those tokens
Tokens mapped to code (CSS variables or a TS theme) so design and dev use the same names
Good fit if
your product grew faster than its design and every new screen is a guess.
FAQs
We have no design files at all. Is that okay?
Do you do the code side too?
Can you add dark mode to an existing system?
Example work
Cylinder CMS for tracking industrial
Pockit is a mobile app.
Sumaiyya's other services
Product UI + dashboard design
Contact for pricing
Motion + interaction for landing pages
Contact for pricing
Contact for pricing
Message