AI & Technical question
Teams using Figma’s design-to-code workflow say the output is inconsistent, so they do not trust it for production work. How would you break the problem down across SceneGraph fidelity, component and token mapping, and code generation; what quality metrics or evals would you put in place; and how would you decide which issue to fix first?
- Figma
- AI & Technical
- Hard
Practice this question out loud. An AI interviewer asks it, follows up like a real interviewer would, and scores your answer. Type or speak.
Start a mock interview on this question · Mock interview from a job description
What this question tests
Ability to decompose a fuzzy quality complaint into measurable stages and prioritize the highest-leverage fix.
How to approach it
- Break design-to-code into three stages: SceneGraph fidelity, component and token mapping, and generated code quality.
- Gather concrete failure examples from teams and tag which stage each one traces back to.
- Define an eval metric per stage, such as node-to-code mapping accuracy, token match rate, and lint or diff cleanliness of generated code.
- Estimate the volume and severity of failures at each stage to see which one is actually blocking production use.
- Decide the fix order based on where errors compound, since a SceneGraph fidelity bug corrupts everything downstream of it.
- Set a target metric and timeline for the first fix before moving to the next stage.
What a strong answer includes
- Insists on stage-level metrics instead of a single vague trust score, since each stage needs a different fix.
- Prioritizes SceneGraph fidelity first if evidence shows it is the root cause, since errors there cascade into mapping and code.
- Uses real team examples, not synthetic tests, to validate the eval reflects production pain.
- Ships a narrow, measurable fix and re-measures trust before tackling the next stage.
Common mistakes
- Trying to fix code generation quality before confirming the underlying SceneGraph data is accurate.
- Relying on anecdotal trust complaints instead of building a repeatable eval.
Likely follow-up questions
- How would you build the eval set without hand-labeling everything manually?
- What would you do if all three stages show similar error rates?
- How do you know when quality is good enough to claim production-ready?
More ai & technical questions
- Design an evaluation framework for Figma’s AI-powered Design↔Code roundtripping workflows. How would you define the golden datasets and annotation pipeline, separate model-quality issues from product-UX issues, choose offline and online metrics, and set ship/no-ship thresholds for accuracy, editability, and user trust?Figma · AI & Technical · Hard
- Design to Code quality is strong on Figma-owned demos but inconsistent across real customer repositories. How would you design the evaluation system for this product: define the task taxonomy, build the annotation pipeline, choose offline and human-in-the-loop quality measures, and set clear ship/no-ship criteria before expanding availability?Figma · AI & Technical · Hard
- Design the core of Figma’s external platform for agents and developer tools. How should the MCP Server and REST APIs expose file context, permissions, freshness, rate limits, versioning, and observability so partners like Claude or Cursor can build reliably on top of Figma without creating fragility for internal product teams using the same platform?Figma · AI & Technical · Hard
- Design a simple load balancer for Google.com. What data structures would you use?Google · AI & Technical · Hard
- You’re part of the Google Search web spam team. How would you detect duplicate websites?Google · AI & Technical · Hard
- Build a system to predict if something can go wrong in a cab ride.Lyft · AI & Technical · Hard
More questions from Figma
Learn the skill behind it
Chapters of the AI PM course that teach what this question tests.
- Chapter 1: Making AI Product Decisions
- Chapter 8: Designing Evals for AI Products
- Chapter 6: Designing AI Agents and Tooling