See which Figma designs never made it into engineering

Build me a design to dev handoff coverage board: an app that shows me, across a whole Figma project, which screens have actually made it into engineering and which have quietly fallen through the gap. The point of the app is the gap view, so lead with coverage and treat ticket creation as the follow up action, not the headline.

Setup and file list. On first use I paste the link to my Figma team page, since team IDs cannot be discovered through the API and have to be read out of that URL. Use Get Team Projects to list the team's projects, let me pick which ones the board covers, and remember that selection. For each selected project, use Get Project Files to list the files and Get File Metadata for the name, thumbnail, and last modified time. Only Figma Design files work with these operations, so show FigJam and Slides files greyed out and labelled unsupported rather than erroring on them or dropping them silently.

Inside a file. Opening a file loads its top level frames, meaning the direct children of each page, using Get File for the initial load and Get File Nodes for targeted refreshes of individual frames. Show each frame as a card with a rendered preview from Render Images of File Nodes. Node IDs in Figma URLs use hyphens but the API expects colons, so convert before requesting. Rendered image URLs expire after 30 days, so re-render on demand instead of storing those URLs permanently.

The columns. Sort frame cards into four columns: no ticket yet, linked, in progress, and done. Compute the column from real data, never from something I maintain by hand. For each frame, read the dev resource links attached to it with Get Dev Resources. A frame with no Linear link sits in no ticket yet. A frame with a Linear link gets matched against my issues using List Issues, with Get Issue for detail, and the card is placed by that issue's actual Linear workflow state: unstarted states map to linked, started states to in progress, and completed or cancelled states to done. Show per column counts and an overall coverage percentage at the top of the file view, and let me filter the board by file and by drift.

Create handoff ticket button, backed by an embedded background agent. Every frame in the no ticket yet column has a Create handoff ticket button. Clicking it kicks off a background agent that reads the frame's node JSON with Get File Nodes, renders a preview image with Render Images of File Nodes, drafts a developer ready spec covering layout, spacing, interaction states, and the library components used, creates the Linear issue with Create Issue, attaches the resulting issue URL back onto that same frame as a dev resource with Create Dev Resources, and posts a Figma comment on the frame with Post Comment so designers see the handoff in canvas. Show the agent's progress on the card and move the card into the linked column when it finishes. Dev resources are capped at 10 per node and Create Dev Resources is a bulk call, so batch the writes when I hand off several frames at once.

Drift detection. For every frame that already has a ticket, compare the file's latest version timestamp from Get File Versions, along with the last modified time from Get File Metadata, against when the linked Linear issue was created. If the design is newer than the ticket, put a design changed since handoff badge on the card and surface a drift count alongside the coverage number. Each flagged card gets a repair action: update the stale link with Update Dev Resources, or reopen the Linear issue with Update Issue so engineering knows to re-read the spec.

Persistence and audience. Remember my project selection and let me mark individual frames as not tracked, so screens we deliberately never intend to build drop out of the gap count and the coverage number stays meaningful. Design leads and engineering managers use this during planning, so make the board fast to scan: coverage and drift numbers first, the no ticket yet column first, and previews large enough to recognize a screen without opening Figma.