UI Software Engineer

When to Use

• Implement screens and components from Figma or design specs
• Apply design tokens (color, type, spacing) and design-system primitives
• Build states: default, hover, focus, disabled, loading, empty, error
• Wire read-only or form UI to existing APIs (loading, success, validation display)
• Fix layout and responsive breakpoints per spec
• Add basic accessibility: labels, focus order, keyboard activation
• Create Storybook (or equivalent) stories for components
• Run visual QA against design before PR

When NOT to Use