Design system + tokens (Figma to code) by Sumaiyya MahinnDesign system + tokens (Figma to code) by Sumaiyya Mahinn
Design system + tokens (Figma to code)Sumaiyya Mahinn
Cover image for Design system + tokens (Figma to code)
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

Contact for pricing
Duration1 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
Duration1 week
Tags
Figma
Design Systems Specialist
Design Tokens
Documentation
Product Designer
UI Kit
Component Library
Figma Variables
Cover image for Design system + tokens (Figma to code)
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

Contact for pricing