Figma Analytics

Build a financial analytics dashboard in Figma for desktop, tablet and mobile. Top: a page title with a date-range picker and an Export button on the right. First row: four stat cards — Revenue, Expenses, Net profit, Transactions — each with a label, a large value, a small percentage change with an up or down arrow in green or red, and a tiny sparkline. Second row: a wide line chart of revenue versus expenses over twelve months with a legend and hover tooltip, beside a donut chart of spending by category with a centre total. Third row: a bar chart comparing monthly profit, and a table of recent transactions with columns for date, description, category, status badge and amount, with pagination at the bottom. Add a left sidebar with Dashboard, Reports, Accounts, Budgets and Settings links. On tablet make the stat cards two per row and stack charts; on mobile stack everything in one column and turn the table into a list of cards. Keep spacing on an 8px grid and bind colours to variables.