You will get Figma design system with variables, tokens, and component library
Rising Talent
Project details
A proper Figma design system is the highest-leverage investment a product team can make. I build token-based, variable-driven Figma libraries — not just a component gallery, but a structured, AI-ready system where design tokens map directly to your CSS or design-to-code pipeline, and where switching brand or theme takes a single click.
I now build design systems that work with Figma's new AI agent capabilities (launched March 2026), meaning your system can be extended by AI tools using your own components and tokens
What each package delivers:
• BASIC — Core component library: typography scale, colour styles, spacing system, buttons, inputs, cards, navigation, badges. Up to 30 components with auto-layout and variants.
• STANDARD — Figma variable setup (colour tokens, spacing tokens, radius tokens, typography tokens), light/dark mode switching from a single toggle, and up to 60 components.
• PREMIUM — multi-brand tokenization, semantic token layer, design-to-dev annotation in Dev Mode, full Notion documentation, 30-minute video walkthrough
Best fit for:
• SaaS and product teams
• One Figma library to power several products
• Dev teams using Tailwind, CSS-in-JS, or a design token
I now build design systems that work with Figma's new AI agent capabilities (launched March 2026), meaning your system can be extended by AI tools using your own components and tokens
What each package delivers:
• BASIC — Core component library: typography scale, colour styles, spacing system, buttons, inputs, cards, navigation, badges. Up to 30 components with auto-layout and variants.
• STANDARD — Figma variable setup (colour tokens, spacing tokens, radius tokens, typography tokens), light/dark mode switching from a single toggle, and up to 60 components.
• PREMIUM — multi-brand tokenization, semantic token layer, design-to-dev annotation in Dev Mode, full Notion documentation, 30-minute video walkthrough
Best fit for:
• SaaS and product teams
• One Figma library to power several products
• Dev teams using Tailwind, CSS-in-JS, or a design token
Main Type
Landing Pages, Mobile Apps, Web Apps, WebsiteFile Format
JPG, PDF, PNG, PSD, SVGWhat's included
| Service Tiers |
Starter
$350
|
Standard
$750
|
Advanced
$1,500
|
|---|---|---|---|
| Delivery Time | 3 days | 5 days | 7 days |
Number of Revisions | 0 | 1 | 2 |
Source Files |
3 reviews
(3)
(0)
(0)
(0)
(0)
This project doesn't have any reviews.
SK
Sajjad K.
Dec 27, 2023
Looking for UI/UX Figma designer - Landing Page
Aqib is very good in figma designing. I like the website he designed for me.
SK
Sajjad K.
Sep 1, 2023
UIUX changes in Landing page
Working with Aqib Hassan has been an absolute pleasure, collaborating with Aqib was a seamless experience from start to finish. His innate ability to grasp the essence of a project and translate it into stunning design concepts is truly remarkable. Highly recommended
JR
Joby R.
Dec 1, 2021
I would like to give a project to new UI/UX Designer. For my Mobile App project
Talented UI Designer, had a pleasure working with him. The designs are top notch. Would recommend him to others as well.
About Aqib
Product UI/UX Designer | SaaS, Mobile Apps & AI Interfaces | Figma
100%
Job Success
Islamabad, Pakistan - 12:19 am local time
I work across the full product design lifecycle — from information architecture and user flows through to pixel-perfect Figma UI, interactive prototypes, and developer-ready handoff. My specialization runs deep in three areas where most designers only go shallow: Figma design systems with variable tokenization, AI interface and conversational UX, and structured UX audits that identify exactly where products are losing users and revenue.
WHAT I BUILD
• UI/UX Design for SaaS Platforms & Web Apps — data-dense dashboards and admin panels that users actually enjoy working in every day
• Mobile App Design for iOS & Android — native-feel interfaces following Apple HIG and Material Design 3, delivered with full component libraries and interactive Figma prototypes
• Figma Design Systems & Component Libraries — token-based, variable-driven systems that support multi-theme, multi-brand, and light/dark mode from a single Figma library
• Design Tokens & Figma Variable Architecture — semantic token structures that map cleanly to CSS, design-to-code pipelines, and multi-brand product suites
• AI Interface & Conversational UX Design — chatbot flows, LLM product dashboards, streaming response UI, and AI assistant interfaces (one of the fastest-growing Upwork categories: +178% YoY)
• AI-Assisted Design with Figma Make & Figma MCP — I work with Figma's new AI agent tools (launched March 2026) to accelerate design system generation, responsive variant creation, and accessibility annotation
• UX Audits & Heuristic Reviews — structured 10-point evaluations with annotated screenshots, severity matrices, and a prioritised fix roadmap that clients can act on immediately
• Design QA & Developer Handoff — pixel-perfect Figma specs, component annotation, design-to-code verification, and zero-ambiguity dev notes
• eCommerce UI/UX — product detail pages, checkout flows, cart design, and conversion-focused mobile-first redesigns
• Wireframing & Information Architecture — low-fidelity structure and user flow diagrams before a single UI pixel is placed, reducing costly late-stage revisions
• Prototyping & Interaction Design — high-fidelity, clickable Figma prototypes for stakeholder sign-off, investor demos, and user testing sessions
• WCAG Accessibility Audits & Remediation — critical for enterprise clients: 94.8% of the web's top 1M home pages currently fail basic WCAG 2 standards, creating strong ongoing demand
WHO I WORK WITH
My clients are funded startups validating their first product, SaaS companies scaling their design systems, eCommerce brands fixing conversion leaks, mobile app teams preparing for launch, and digital agencies who need a reliable senior design partner. I work with clients across the US, UK, Europe, the Middle East, and Southeast Asia. Most of my best client relationships start as a single project and turn into ongoing design partnerships.
HOW I WORK
Every project starts with a brief alignment call — I need to understand the business goal before I open Figma. From there I work in clear stages: research and user flow mapping first, low-fidelity structure second, visual UI third. This sequence prevents expensive revisions and means every design decision has a structural reason behind it, not just aesthetics. I deliver organised, well-annotated Figma files — developers consistently tell me they are among the cleanest handoffs they receive.
WHY CLIENTS REHIRE ME
• I think in outcomes, not outputs. Every screen connects to a business metric — conversion, retention, activation, or time-to-value.
• I know Figma at a deep level — variables, tokens, auto-layout edge cases, component architecture, Dev Mode annotations. No guesswork in handoff.
• I am current. Figma just shipped AI agents writing directly to the canvas (March 24 2026). I use these tools in production workflows, not just for demos.
• I communicate clearly and respond fast. Upwork's algorithm tracks response time — mine is under 4 hours during working days.
Working on a product that needs better design — or a codebase that needs a design system it can actually scale with? Click Invite or message me directly. I offer a free 15-minute scoping call to understand your project before either of us commits to anything.
Skills & Keywords:
UI UX design | UI UX designer | UX designer | UI designer | product designer | Figma | figma designer | figma expert | web design | website design | website designer | mobile app design | mobile app designer | app UI | app designer | ui web design | SaaS design | SaaS dashboard | dashboard design | dashboard designer | design system | design systems | component library | design tokens | Figma variables | Figma Make | AI interface design AI UX design | conversational UI | chatbot UX
Steps for completing your project
After purchasing the project, send requirements so Aqib can start the project.
Delivery time starts when Aqib receives requirements from you.
Aqib works on your project following the steps below.
Revisions may occur after the delivery date.
Design system review meeting before delivery