Interview questions in Design & UX, page 11
Core roles on a design system team
Name design, engineering, product/PM, and accessibility/docs roles with clear ownership.
Explain coding in qualitative analysis and your codebook process
Tests systematic tagging of observations/quotations to discover themes, not ad-hoc skimming. Strong answers mention uploading transcripts to software or affinity diagramming, and stress that themes emerge across multiple participants.
How would you map Figma Variables to CSS Custom Properties for tokens?
This tests bridging Figma variable collections and modes into maintainable CSS. A strong answer maps collections to semantic CSS custom properties, supports mode switching via data attributes, and mirrors design system naming.
How would you architect a related articles feature?
Start with tag overlap for speed; move to embeddings with ANN for semantics; compare latency, cost, and coverage.
Process for adding a new component
Triage need, design and spec, build with a11y and tests, document, version, and release.
How do you synthesize low-level codes into high-level themes?
Tests systematic thematic analysis. Strong answers cover tagging observations with codes, grouping related findings into themes that emerge across participants, and choosing methods like affinity diagramming based on context.
How do Figma variants influence component code structure?
Tests design-to-code translation and component API modeling. Map variant properties to semantic props like size and type; handle interactive states internally via CSS. Prioritize property names over pixel values.
Architect a secure draft preview system for a headless CMS
It tests safe headless CMS draft previews on production frontends. A strong design uses authenticated preview APIs, SSR middleware with JWT sessions, CMS preview tokens, and cache-busting. Relying on obfuscated URLs or disabling preview auth is a red flag.
Designing a contribution model with quality gates
Define a federated model, branch-and-PR flow, required reviews, and automated gates for tests, a11y, and visual regression.
Design a programmatic SEO landing-page system
Structured data plus templates, genuinely unique per-page data, static build-time generation, quality gates and indexation control.
What is your process for reconciling significant coding differences?
This tests intercoder reliability and systematic reconciliation. Quantify divergence via agreement metrics; convene to refine codebook definitions and edge-case rules; re-code a sample to verify alignment. Red flag: treating coding as pure subjective opinion.
How do you identify responsive breakpoints in Figma for CSS?
Tests if you derive CSS logic from Figma structure, not pixels. A strong answer checks auto layout direction changes, wrap toggles, and resizing rules to find behavior shifts, then maps those widths to queries.
Limitations of Figma Dev Mode generated code
Dev Mode output is static, absolute-positioned, non-semantic, and ignores responsiveness, state, and your component system; use it for values and structure, then refactor to semantic, tokenized…
Building a design system quarterly roadmap
Combine usage and adoption data, support tickets, stakeholder interviews, and a debt ledger into a scored backlog with a deliberate debt allocation.
How do you determine when you've reached thematic saturation?
This tests operationalizing saturation beyond gut feel. A strong answer cites Guest et al.'s Base Size, Run Length, and New Information Threshold, and flags consecutive interviews adding no new high-level themes.
Technical differences: transactional email vs marketing newsletters
Transactional uses SMTP or API for fast alerts; marketing sends millions via segmented lists needing IP warm-up, spam checks, and unsubscribes.
Reversing stagnating design system adoption
Find friction via interviews, reduce it with DX, codemods, and docs, then prove value with adoption and velocity metrics.
How do you handle a powerful emergent theme outside original research questions?
Validate recurrence and density, weigh timeline and goals, then document separately, expand formally, or park.
How would you extract Figma Variables via REST API for Style Dictionary?
Tests Figma Variables to Style Dictionary architecture. Outline: paginate REST endpoint, map modes/aliases to W3C draft JSON, then run Style Dictionary in CI from tokens folder. Red flag: raw API payloads without type normalization or alias resolution.
How would you programmatically populate an HTML email template?
Pick a template engine, bind the user object as context, render HTML, and send via a mailer.
We are hiring for this. Every open role lists the topics its interview covers, so you can prepare for the real thing rather than guessing.
See open roles