Fonio: Finance and Banking Mobile App UI Kit for Figma

A Figma UI kit for personal finance and banking apps. It covers the balance dashboard, transactions, cards, budgets and spending reports.

Fonio - Finance Mobile App UI Kit is a Figma kit for designers building a banking, wallet or money tracking app. It has a soft, light palette and follows the full money flow, from the balance to monthly reports.

The preview shows an onboarding screen, a home dashboard with total balance, spend and left-to-spend cards, Add Money and Send Money actions and recent transactions. There is a transactions list with search and a filter sheet (category, currency, status, period). The cards screen has Add Money, Details, Set a limit and Freeze actions plus a currency list. The report screen shows income, expense, a monthly chart and budgets, and a New Budget sheet with categories and a number pad.

Open the file in Figma and swap the copy, colors and card art for your own product.

Home dashboard with total balance, spending cards and quick actions

Transactions list with search and a filter sheet for category, currency, status and period

Cards screen with Add Money, Details, Set a limit and Freeze

Multi-currency list with Euro and British Pound plus Add Currency

Report screen with income, expense, monthly chart and budgets

New Budget flow with categories and a number pad

Onboarding screen with a 3D wallet illustration

Figma source file

Dashboard, transactions, cards, report and budget screens

Onboarding screen

Made by DjectStudio, a design studio for websites, apps and brands in English and Arabic. Get it on the DjectStudio store: djectstudio.com/store/fonio-finance-mobile