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
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
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.
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
