Browse categories
Explore
Fiverr Pro
English
$
USD
I will build your figma design system with tokens and variables
Bedri Cem I.
About this gig
A design system is only useful if your team actually uses it. Most Figma libraries break down the same way: hard-coded colors, components with no states, and nobody knows which button is the right one.
I'm a Lead Product Designer with 10+ years in UX/UI, 7 of them at Deloitte Digital. I've built design systems for fintech and B2B products, including the Masterpass integration portal and Ledgerly, an accounting dashboard with Light and Dark themes (241 variables, 56 component sets).
What you get:
- Token foundations in Figma variables: color, type, spacing, radius, effects
- Semantic tokens, so themes and dark mode are a switch, not a redesign
- Components with real states: hover, focus, disabled, error, loading
- Auto layout and variants that hold up when content changes
- A clean, documented file your designers and developers can pick up
Good fit for: SaaS products, startups moving off a messy UI kit, teams preparing for a redesign or a dark mode.
Have an existing file? Send it before ordering and I'll tell you what it needs.
Delivery style preference
Please inform the freelancer of any preferences or concerns regarding the use of AI tools in the completion and/or delivery of your order.
Get to know Bedri Cem I.
Bedri Cem I.
Lead Product Designer, SaaS UX UI and Design Systems
- FromTurkey
- Member sinceDec 2021
Languages
English
Lead Product Designer with 10+ years in UX/UI, including 7 years at Deloitte Digital designing SaaS and B2B platforms for brands like Mastercard, Ford and BMW. I design complex, data-heavy products end to end: research, user flows, UI, and Figma design systems built on tokens and variables. Lately I also build functional prototypes and apps with AI-assisted development, so an idea can go from concept to something you can actually click and test. Award-winning work (Stevie, Golden Spider).
My Portfolio
FAQ
Can you improve an existing Figma file?
Yes. I can audit your current file, rebuild colors and type as variables, and clean up components without breaking the screens that already use them.
How do developers use the tokens?
Variables are named by purpose (for example color/bg/primary), so they map directly to CSS variables or a theme file. I can also export them as JSON if your team needs it.
Which components are included?
Core Library covers 12 essentials such as button, input, select, checkbox, radio, toggle, tag, tooltip, card, modal, tabs and table row. Need different ones? Tell me and I'll swap them.
Do I own the source files?
Yes. You get the full Figma file with all variables, styles and components once the order is complete.
