Viola UI
Viola UI is a Figma UI kit for fintech and AI products: investing, trading and portfolio screens built on one reconciling dataset. 45 screens in light and dark.
A startup from Portugal, founded by Kseniya Savitsyna.
Viola UI is a Figma UI kit for fintech and AI products: investing, trading and portfolio screens built on one reconciling dataset. 45 screens in light and dark.
A startup from Portugal, founded by Kseniya Savitsyna.
This page is designed to help you find out whether Viola UI is good and if it is the right choice for you.
Viola UI is a Figma UI kit for fintech and AI products: investing, trading and portfolio screens built around one dataset instead of a dozen disconnected mockups.
Most kits fake their numbers screen by screen, so they quietly stop matching. In Viola UI, one portfolio feeds every screen. The dashboard, holdings table, fund page and AI copilot all agree, in light and dark.
What's inside - 45 screens, 90 frames in light and dark - 440 component variants - 42 colour tokens as Figma variables with Light and Dark modes - 23 text styles, set in Geist - AI copilot panel, AI insights and market brief components - Dashboard, portfolio, trading, transfers, fund research, documents, settings and onboarding
Who it's for Product designers, design teams and founders building investing, trading and wealth products, including teams adding AI assistants to financial apps.
Pricing $49 Individual, $179 Team, one-off payment. A free version is available on Figma Community.
Listed in
Screens
45 screens, 90 frames in light and dark
One dataset
Every screen draws from the same portfolio, so the numbers match
Components
440 component variants
Colour tokens
42 Figma variables with Light and Dark modes
Text styles
23 text styles, set in Geist
AI copilot
Docked copilot panel, AI insights and market brief components
Coverage
Dashboard, portfolio, trading, transfers, fund research, documents, settings, onboarding
Charts
Chart cards and tables built from real components
General-purpose kits give you buttons and cards. Viola UI gives you finished fintech screens: investing, trading, portfolio, transfers, fund research and documents. AI copilot patterns are built in. It has 45 screens, each in light and dark, 440 component variants, 42 colour tokens and 23 text styles, all made with real Figma variables and components. Because the data reconciles, you can use it for realistic prototypes and user testing, not only for visual inspiration.
Every screen in Viola UI runs on one portfolio dataset. The dashboard, holdings table, fund page and AI copilot all show the same €48,203.11 portfolio, so the numbers agree with each other in light and dark. Most UI kits fill each screen with its own placeholder numbers, and those stop matching once you put the screens side by side.
Product designers and design teams working on fintech, investing, trading and wealth products, and founders who need credible financial screens quickly. It’s also for teams adding AI assistants to financial apps.
I'm Kseniya, a UX/UI designer with seven years of experience. I kept seeing the same problem in fintech mockups: every screen had its own made-up numbers, and they never added up from one screen to the next. So I built Viola UI around a single portfolio. The dashboard, the holdings, the fund page and the AI copilot all draw from the same data and agree with each other, in light and dark. I wanted a kit that a fintech team could use for realistic prototypes, not just for inspiration.
Figma: variables with light and dark modes, components with variants, auto layout and text styles. The typeface is Geist.
We have collected here some useful links to help you find out if Viola UI is good.
Check the traffic stats of Viola UI on SimilarWeb. The key metrics to look for are: monthly visits, average visit duration, pages per visit, and traffic by country. Moreoever, check the traffic sources. For example "Direct" traffic is a good sign.
Check the "Domain Rating" of Viola UI on Ahrefs. The domain rating is a measure of the strength of a website's backlink profile on a scale from 0 to 100. It shows the strength of Viola UI's backlink profile compared to the other websites. In most cases a domain rating of 60+ is considered good and 70+ is considered very good.
Check the "Domain Authority" of Viola UI on MOZ. A website's domain authority (DA) is a search engine ranking score that predicts how well a website will rank on search engine result pages (SERPs). It is based on a 100-point logarithmic scale, with higher scores corresponding to a greater likelihood of ranking. This is another useful metric to check if a website is good.
The latest comments about Viola UI on Reddit. This can help you find out how popualr the product is and what people think about it.
Do you know an article comparing Viola UI to other products?
Suggest a link to a post with product alternatives.
Is Viola UI good? This is an informative page that will help you find out. Moreover, you can review and discuss Viola UI here. The primary details have been verified within the last quarter. So they could be considered up to date. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.
