You will get a complete Design System built in Figma to scale your product
Project details
You’ll receive a complete, scalable and well-documented Design System built in Figma, tailored to your product’s identity, workflow and long-term growth.
The system includes:
– Visual tokens (colors, typography, spacing, elevation)
– 20–30+ reusable components (buttons, inputs, dropdowns, toggles, checkboxes, date pickers, modals, tags, tooltips, tabs, etc.)
– Variants, states, auto layout and responsive logic
– Clear file structure, component naming, and documentation
I bring 4+ years of experience designing complex digital products in FinTech, SaaS and internal platforms. I’ve built systems from scratch for custom project management tools, marketplaces, investment apps, and also worked with established systems in banking environments.
My approach is strategic and structured, I help teams go beyond “UI kits” and build robust systems that developers love and designers can grow with.
This service is ideal if you're launching a new product, scaling fast, or tired of design inconsistencies slowing your team down.
The system includes:
– Visual tokens (colors, typography, spacing, elevation)
– 20–30+ reusable components (buttons, inputs, dropdowns, toggles, checkboxes, date pickers, modals, tags, tooltips, tabs, etc.)
– Variants, states, auto layout and responsive logic
– Clear file structure, component naming, and documentation
I bring 4+ years of experience designing complex digital products in FinTech, SaaS and internal platforms. I’ve built systems from scratch for custom project management tools, marketplaces, investment apps, and also worked with established systems in banking environments.
My approach is strategic and structured, I help teams go beyond “UI kits” and build robust systems that developers love and designers can grow with.
This service is ideal if you're launching a new product, scaling fast, or tired of design inconsistencies slowing your team down.
Main Type
OtherFile Format
PDF, OtherWhat's included
| Service Tiers |
Starter
$80
|
Standard
$150
|
Advanced
$300
|
|---|---|---|---|
| Delivery Time | 5 days | 10 days | 15 days |
Number of Pages | 1 | 2 | 3 |
Number of Revisions | 2 | 3 | 4 |
Source Files | |||
Commercial Use | |||
Convert to HTML/CSS | - | - | - |
Responsive Design | |||
Interactive Mockup | - |
Optional add-ons
You can add these on the next page.
Fast Delivery
+$50 - $100About Mayara
Product Designer | UX/UI, SaaS & FinTech | Figma + Framer Expert
Santo Andre, Brazil - 2:10 pm local time
With over 5 years of experience designing digital products for B2B platforms, SaaS startups, logistics and financial services (including 3 years at the largest bank in Latin America) I specialize in simplifying high-stakes environments like crypto wallets, AI-powered dashboards, and investment journeys.
🔍 Highlights
📈 827% increase in investment subscriptions after redesigning onboarding
🌎 600K+ users impacted across Brazil and Uruguay
🧠 Continuous discovery to align product strategy with real user behavior
⚙️ Scalable UI frameworks built with Figma, Framer, and robust Design Systems
I thrive in B2B, data-heavy, and regulated environments, but always deliver with empathy and clarity. From discovery to delivery, I collaborate closely with PMs, developers, and stakeholders to bring meaningful experiences to life.
I bring strong UX fundamentals and a systems-thinking mindset, backed by:
🛠 Figma, Framer, Maze Design, Fullstory
📐 Design Systems, Prototyping, UX Writing
📊 AI-driven dashboards, data storytelling, responsive design
✨ I’d love to help bring your product to life. Let’s build something incredible together.
Steps for completing your project
After purchasing the project, send requirements so Mayara can start the project.
Delivery time starts when Mayara receives requirements from you.
Mayara works on your project following the steps below.
Revisions may occur after the delivery date.
Review brand and product context
I’ll review your colors, typography and any product reference to understand the tone, UI patterns and consistency needs.
Build foundation tokens in Figma
I’ll create the base structure with color styles, text styles, spacing and other reusable tokens.