Easy interview questions in Design & UX, page 2
When would you wrap layers in a Frame versus a Group?
Use a Frame when you need Clip content, scroll overflow, or constraints on children.
How would you inspect a Figma text element for CSS properties?
Your Figma-to-CSS typography workflow. A good answer selects the layer, opens the Properties tab or Dev Mode, reads font family, weight, size, line height, and letter spacing, and uses Copy as code.
Design a database schema for a blog with posts, authors, and tags
Tests normalization and many-to-many design. A strong answer covers a users table with role enum, a posts table referencing user_id, and a post_tags join table for categories. Red flag: storing tags as a comma-separated string in the posts table.
Composing Input and Button into a SearchForm
Wrap Input and Button in a form, expose value/placeholder props, emit onSearch on submit, keep it controlled.
Design a screener survey to identify non-Feature X mobile users
Ask broad frequency first, use indirect disqualifiers for Feature X without naming it, add attention checks, and over-recruit 7-8 to secure 5.
Building a flexible Card with optional content
Use optional props or named slots for image, title, and text, conditionally render present ones, and prefer composition for ordering.
How would you use Auto Layout for a button with optional icon?
This tests Figma Auto Layout for responsive components. Answer: apply horizontal auto layout, set fixed padding and spacing, set text to hug contents, and set the frame to hug so it resizes when text changes. Red flag: using fixed widths or manual resizing.
Designing a responsive Grid with breakpoint props
Accept per-breakpoint column props, map them to CSS Grid and media queries or container queries, expose a gap prop.
Difference between 'Space between' and fixed spacing in Auto Layout
Tests your grasp of distribution logic versus fixed gaps. Fixed spacing sets a constant pixel gap; Space between splits free space to push items to edges. Use fixed spacing for lists, Space between for wide toolbars. Red flag: calling them interchangeable.
Differentiate informational, navigational, and transactional intent and classify keywords programmatically
Define three intents by user goal; regex-match modifiers like what/how vs buy/near; check SERP features.
What critical on-page SEO elements would you extract from HTML?
Tests if you know which HTML elements search engines use to index pages. Strong answer: title tag, H1, and meta description shape search results and topical relevance. Red flag: claiming meta descriptions directly affect rankings or conflating H1 with title.
Structuring Storybook stories for visual states
One named story per state with explicit args, plus argTypes and controls.
What is the goal of contextual inquiry and what do engineers gain?
Tests grounding engineering in observed user behavior. Goal: watch users in their environment to uncover tacit work practices, workarounds, and mental models. Engineers learn system constraints, integrations, and reliability gaps.
Your role and pitfalls as an engineer note-taker in interviews
Observe to leverage researcher expertise; pitfalls are skipping prep, academic framing, and inflexible features.
Create a button component with default, hover, and disabled variants
This tests Figma component variants and prototyping. A good answer: create a component set with a State property, build default, hover, and disabled variants, wire Change to with While hovering. Red flag: separate components instead of one variant set.
Publishing a component to a private NPM registry
Configure package.json fields and scoped name, build dist, set registry auth, npm publish with access restricted.
Make a Figma button navigate from Frame A to Frame B
Tests hands-on Figma prototype workflow. Good answer: enter Prototype mode, select the Login button, drag the interaction noodle to Frame B, set trigger to On Click and action to Navigate To.
Storybook's role in design system infrastructure
Isolated development, living documentation, visual and interaction testing, shared review surface.
CSS-in-JS vs pre-compiled CSS for distribution
Runtime cost and dynamic theming of CSS-in-JS versus cacheability and SSR simplicity of static CSS.
Describe how you'd implement an A/B test for a landing page headline
Mention deterministic bucketing, anti-flicker rendering, tracking with variant IDs, and sample-size planning.
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