See which Figma designs never made it into engineering

A board that lists every screen across your Figma projects, shows which ones have a Linear ticket, and flags designs that changed after handoff.

App
FigmaLinearProductEngineeringData SyncContent Generation
PromptCreate

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.

What does this prompt do?

  • Lists every design file in the Figma projects you pick, and every top level screen inside a file, each with a rendered preview so you can recognize it at a glance.
  • Sorts those screens into columns by handoff state: no ticket yet, linked, in progress, and done, with the column driven by the real status of the matching Linear issue instead of a list you maintain by hand.
  • Puts a Create handoff ticket button on every screen that has no ticket, which hands off to a background agent that writes the developer spec, opens the Linear issue, links it back onto the frame, and leaves a comment in Figma for the designer.
  • Flags a design changed since handoff badge when a file was edited after its ticket was created, with a one click repair to refresh the stale link or reopen the issue.

What do I need to use this?

  • A Figma account with access to the team whose projects you want to track
  • A Linear workspace where handoff tickets should be created
  • The link to your Figma team page, so the board knows which projects to pull in

How can I customize it?

  • Choose which projects appear on the board, and hide files or screens you never intend to build.
  • Set which Linear team new tickets land in, along with the default priority and assignee.
  • Map your own Linear workflow states onto the four columns, so in progress and done match how your team actually works.
  • Adjust how much detail the spec agent writes about layout, spacing, states, and library components.

FAQs

Does this change my Figma designs?
No. The board only reads your files. The one thing it writes is a developer link on a frame plus a comment, and only when you press the button. Nothing about the design itself is edited.
Does it file tickets automatically?
No, and that is deliberate. The board shows you the gap, and a person decides which screens get handed off and when. Tickets are only created when someone clicks Create handoff ticket.
Will this work with FigJam boards or Figma Slides?
Only Figma design files support developer handoff links, so FigJam and Slides files appear on the board greyed out and marked as unsupported rather than being quietly skipped.
What about screens we decided not to build?
You can mark a screen as not tracked so it drops out of the gap count. That keeps your coverage number honest instead of permanently red.
How does it know a design changed after handoff?
It compares when the file was last edited against when the linked ticket was created. If the design is newer, the screen gets a design changed since handoff badge so nobody builds from a stale spec.
Do I need a paid Figma or Linear plan?
You need a Figma plan that includes developer handoff links on frames and a standard Linear workspace. No enterprise only features are required.

Related templates

Voice agent QA review board for your Hume EVI calls

Open one board each morning, see which voice calls went badly, replay the exact moment the caller got frustrated, and file the fix.

Hume
Linear
Slack Bot
App
Close the loop between Front tickets and Linear bug fixes

See every customer waiting on a bug fix, file the ticket without creating a duplicate, and tell them the moment engineering ships it.

Front
Linear
App
Open a Heroku release war room the moment production looks wrong

See every recent deploy across all your Heroku apps in one timeline, then roll back, restart, or file an incident without leaving the screen.

Heroku
GitHub
Linear
App
Find the themes Help Scout tags miss and file them in Linear

Pick a date range, see which support topics are climbing fastest, read the real customer threads behind them, and file the worst ones as tickets.

Help Scout
Linear
App
A Hacker News mention inbox your team actually works through

See every Hacker News story and comment that mentions your product or your competitors, mark each one new, needs reply or handled, and stop losing threads.

Hacker News
Slack Bot
Linear
+1
App
Morning data freshness board for your BigQuery tables

One grid of every table you track, when it last landed, and what broke, with stale tables pinned to the top and an agent that explains why.

Google BigQuery
Linear
Slack Bot
App

Stop guessing which designs engineering never saw.

Open one board that shows every screen in your Figma projects and exactly where it stands in Linear.