Components usage from Figma API on Analytics Dashboard

Замовник: AI | Опубліковано: 08.11.2025
Бюджет: 750 $

Our design teams rely heavily on Figma, and I need clear, data-driven insight into how our components and design tokens are used across multiple files. The goal is to pull this usage data directly through the Figma API and present it in a clean, web-based analytics dashboard tailored for project managers. Here is what I’m after: • Data pipeline – Authenticate with the Figma API ( personal access token) and crawl selected files or whole projects. – Extract component-level statistics (how often each component instance appears) and token-level statistics (percentage use of each design token). – Store the raw and processed data in a lightweight database or service you recommend. • Dashboard experience – Interactive charts that let a project manager quickly compare component usage frequency and token usage percentage over time or by file. – Customizable filters (e.g., filter by project, team, file, date range, or component set) so managers can drill down without technical help. – Responsive UI with clear labeling; framework choice is open (React, Vue, or similar). • Deliverables 1. Source code for the Figma API integration and data model. 2. Front-end code for the dashboard with the interactive charts and filters in place. 3. Setup instructions to run everything locally and deploy to a cloud host (Heroku, Vercel, or similar). 4. Brief hand-off session or recorded walk-through covering configuration and extension points. Experience integrating the Figma API is essential, and a portfolio piece that shows you have built analytics or data-rich UIs before will be a big plus. If your toolset includes charting libraries like Chart.js, D3, or ECharts and you’re comfortable structuring API scripts and front-end components cleanly, we’ll get along well. I’m ready to start right away and will be responsive to unblock you, provide test files, and offer feedback on early prototypes.