You will get Figma Design System | UI UX Designer | Design Tokens | Component Library
Top Rated
Top Rated
Project details
AI tools build fast. But without a structured Figma design system, the output is inconsistent, unscalable, and unmaintainable. I build design systems AI tools can actually use.
With 8+ years in product design across fintech, healthtech, and B2B SaaS, I create token-based Figma design systems built for real product teams and for AI coding tools like Cursor, Lovable, v0, Bolt, and Figma Make.
What I deliver:
— Figma Variables with primitive and semantic token layers.
— Component library with all states, variants, and auto-layout.
— JSON token export for Style Dictionary, Tailwind, and CSS custom properties.
— AI prompt kit with component specs and token maps for your tool.
— Developer handoff: Tailwind config, CSS variables, and Figma specs.
Token names follow CSS and Tailwind conventions so AI tools read and apply them without manual translation. Components are named consistently and documented so AI generates accurate, on-brand code not guesses.
Built for founders, product teams, and developers who want to ship faster with AI, without feeding a disorganized Figma file into a model and hoping for the best.
Message me before purchasing, every design system scope is different.
With 8+ years in product design across fintech, healthtech, and B2B SaaS, I create token-based Figma design systems built for real product teams and for AI coding tools like Cursor, Lovable, v0, Bolt, and Figma Make.
What I deliver:
— Figma Variables with primitive and semantic token layers.
— Component library with all states, variants, and auto-layout.
— JSON token export for Style Dictionary, Tailwind, and CSS custom properties.
— AI prompt kit with component specs and token maps for your tool.
— Developer handoff: Tailwind config, CSS variables, and Figma specs.
Token names follow CSS and Tailwind conventions so AI tools read and apply them without manual translation. Components are named consistently and documented so AI generates accurate, on-brand code not guesses.
Built for founders, product teams, and developers who want to ship faster with AI, without feeding a disorganized Figma file into a model and hoping for the best.
Message me before purchasing, every design system scope is different.
Main Type
Mobile Apps, Web AppsFile Format
SVGWhat's included
| Service Tiers |
Starter
$2,500
|
Standard
$5,000
|
Advanced
$9,000
|
|---|---|---|---|
| Delivery Time | 5 days | 18 days | 25 days |
Number of Revisions | 3 | Unlimited | Unlimited |
Commercial Use | - | ||
Source Files |
45 reviews
(42)
(3)
(0)
(0)
(0)
This project doesn't have any reviews.
SA
Simon A.
May 27, 2026
UX and UI design for mobile budget app
Shahriar is super great to work with. He knows his craft, and he always contributes with great suggestions and ideas to the project.
I will for sure be back with more tasks in the future!
I will for sure be back with more tasks in the future!
HB
Hasan B.
May 14, 2026
UX Designer Needed for UI Animation Platform Redesign
Shahriar did a really good job on the UI/UX redesign project. He delivered quality work on time and was open to feedback and changes. Overall, it was a nice experience working with him. Recommended.
KT
Kirsty T.
May 5, 2026
Small UX Design for Touch Screen Experience ( 9 Screens )
Shahriar was extremely fast, efficient and responsive to change requests where needed. We would use him again :)
HB
Hasan B.
Apr 4, 2026
Product Designer Needed to Improve UI/UX for Domain Marketplace
Working 2nd time with Shahriar. He delivered a very thoughtful and well-structured UI/UX solution for us. He has a strong understanding of product design, especially in improving user flows, usability, and overall experience. His attention to detail in layout, hierarchy, and consistency really helped elevate the product quality.
GP
Goncalo P.
Apr 29, 2025
Need a Designer for IPhone App Design - Baby Sleep & Miletone Tracker
Great work and quality, fast response.
About Shahriar
Product Designer | UI/UX, SaaS Dashboards & Mobile Apps | Figma
100%
Job Success
Dhaka, Bangladesh - 8:40 am local time
I design SaaS platforms and mobile apps that make complicated products feel obvious. Over five years and a 100% Job Success Score, I've shipped multi-role platforms live in 13+ countries, a health app running in 500+ clinics, and products that founders and product teams keep coming back to.
What I do:
✦ Complex SaaS: multi-role dashboards, admin panels, and enterprise workflows designed for clarity, not clutter
✦ Mobile apps (iOS & Android): built around real user flows, from first screen to shipped
✦ AI-native products: copilot trust layers, AI-assisted workflows, and confidence states that get users to actually rely on the AI
✦ Design systems: scalable, dev-ready component libraries in Figma
I don't just hand off Figma files, I can take a product through to a live, working build, so design decisions survive contact with real code.
Recent work spans clinical platforms, fintech tools, HR software, and AI products, the harder and more multi-role the system, the better the fit.
I'm open to one or two new projects this month. Click "Invite to Job" and I'll send a short UX audit of your product within 24 hours, no pitch, just honest feedback on what's working and what isn't. I reply within a couple of hours.
Steps for completing your project
After purchasing the project, send requirements so Shahriar can start the project.
Delivery time starts when Shahriar receives requirements from you.
Shahriar works on your project following the steps below.
Revisions may occur after the delivery date.
Token architecture & brand audit
Review your existing brand assets, current Figma files (if any), and the AI tool you plan to use. Define the token architecture and naming convention before any design work begins.
Core token system
Build the primitive and semantic token layers in Figma Variables colour, typography, spacing, radius, shadow, and motion. All tokens named for AI and developer compatibility.