Audit: Free Finance App UI Kit for Adobe XD

Bojan SandićLead UI/UX at Inkyy 3 min read
audit finance mobile app xd kit

Audit is a free finance app UI kit for Adobe XD, designed by Yogesh Rajendhiran. It is a personal finance concept with a clear home screen for your total balance, recent transactions and accounts, set in a purple and magenta style.

Below is what the preview shows, where to get the file, and how to open it now that Adobe XD is no longer being developed.

Audit free finance app UI kit for Adobe XD with the Audit logo and a phone showing total balance, transaction cards and bank accounts

What the Audit kit looks like

The brand mark is a rounded triangle in purple, violet and magenta, next to the tagline “Better control of your finances.” Inside the app, a deep purple gradient with a soft wave sits behind the balance, and everything below it is white cards on a light grey background. The home screen is built from these parts:

  • Top bar: the Audit logo, a round profile photo and a menu icon.
  • Balance: a large Total Balance figure, a small change badge underneath and a round plus button for adding money or a transaction.
  • Latest transactions: a row of swipeable colour cards for Income, Spent and Savings, each with an amount and a label.
  • Payment: a bank account row with a wallet icon, an account number and a balance.
  • Savings: rows for a saving account and a retirement fund, with line icons and balances in purple.

File details

  • Format: one Adobe XD file named Home Screen.xd, about 1.5 MB. The kit was first shared as 10 mobile screens.
  • Platform: iPhone-sized mobile screens.
  • Designer: Yogesh Rajendhiran, whose Behance project “Audit – Finance App Concept” has the full preview.
  • Price: free to download from Dropbox. No licence is stated with the download, so check with the designer before using it in paid client work.
  • Content: names, amounts and account numbers are sample data to replace with your own.

Opening it in Adobe XD or Figma

Adobe XD is in maintenance mode. Adobe still fixes bugs and security issues, but it is not adding new features. If XD is installed on your machine, the file opens as normal.

To bring the screens into Figma, the Convertify plugin can import an .xd file into a new Figma page, with its layers, text and images. Check the plugin page for current pricing. Alternatively, export the artboards from XD as SVG, drag them into Figma and rebuild the text styles. For a finance app, set up the transaction cards and account rows as components with variants, so you can show positive, negative and empty states.

Who it suits

Audit fits a budgeting app, a savings tool or a digital bank that wants a friendly, consumer feel rather than a corporate one. The strong purple gradient gives it a clear brand from the first screen. It is a concept, so you will still need onboarding, security steps such as a PIN or biometric login, charts and settings. Check the small grey labels and the white text on the lighter savings card for contrast before you build it.

More free finance UI kits

Browse all our free Adobe XD kits, or try these related files:


Need a finance app designed for a client?

Inkyy is a white label design and development team for agencies. Our in-house designers create fintech apps and dashboards that you present under your own brand. See our design services or book a 15-minute call.

Written by

Bojan Sandić

Lead UI/UX at Inkyy

Bojan leads UI/UX at Inkyy and works with agencies on websites, product design and brand identity.

Meet the team