The fintech Figma UI kit
where every number agrees
One-time purchase · Lifetime updates · Works on free Figma
The fintech Figma UI kit where every number agrees
One-time purchase · Lifetime updates · Works on free Figma
Built to drop into your stack
Figma
Next.js
Tailwind CSS
shadcn/ui
Cursor
Claude Code
Key features
Cheaper than briefing a
freelancer, before they
even opened Figma
Reconciling mock data
Every figure agrees across every screen. One portfolio total that adds up wherever it appears.
KYC & onboarding
A full multi-step sign-up flow with a stepper, identity, tax residency and review — the screens nobody wants to design twice.
Trading & order tickets
Buy/sell forms, an order-ticket drawer, candlestick quote cards and a compact trade layout.
Multi-currency cash
Deposits, withdrawals, transaction history and statements — with EUR/USD balances that reconcile.
AI-agent module
Labelled, sourced, reversible AI patterns: insight cards, an agent activity log and approval states.
Light & dark tokens
A full variable system in two modes, named to match Tailwind and shadcn so it ships as code.
A whole product,
not a starter
Kick off your project with Viola UI
Every feature you
need for a fintech
platform, already
designedEvery feature you need
for a fintech platform,
already designed
What ships in the box
Components
built, styled, reconciled
FAQ
Questions,
answered
What exactly do I get?
A Figma file with 45 desktop screens, light and dark, a full component library, and light + dark variable modes — plus a token map that matches Tailwind and shadcn naming.
Do I need a paid Figma plan?
No. The kit opens and works on free Figma. You only need a paid plan if you want to edit the variable modes yourself.
Can I use it in commercial products?
Yes. One licence covers unlimited personal and client projects. You can't resell the kit itself as a kit.
Is the mock data really consistent?
Yes — one portfolio total of €48,203.11 reconciles across every screen, so your prototypes never contradict themselves in a demo. See why the numbers match.
Do I get updates?
Every future update is free for existing buyers. Buy once, and everything we add later comes at no extra cost. See every release in the changelog.
What if I want it for my whole team?
Buy the Team licence. One invoice covers everyone at your company, with the same free updates as Individual.
Pricing
One payment.
Every update. No games.
Free
$0
- 1 screen, light + dark
- 190+ component variants
- 42 colour tokens, 23 text styles
- Preview of every locked page
- Not included: 45 screens
- Not included: 440 component variants
- Not included: AI copilot components
- Not included: Lifetime updates
Individual
$49
- Single user licence
- 45 screens, light + dark
- 440 component variants
- 42 colour tokens, 23 text styles
- AI copilot components
- Commercial use, unlimited projects
- Lifetime updates
- One dataset across every screen
Team
$179
- Unlimited users, one company
- 45 screens, light + dark
- 440 component variants
- 42 colour tokens, 23 text styles
- AI copilot components
- Commercial use, unlimited projects
- Lifetime updates
- One dataset across every screen
Affiliate program
Earn 30% of every
sale you refer
Recommend Viola UI to your audience and earn up to $53.70 on each sale.
- commission
- 30%
- cookie
- 60 days
- payouts
- Creem
