UI Engineer & UX Practitioner (React + TS + Tailwind)

ATech Solution; Provinsi Bali; On-site; IDR 279,000,000 - 446,400,000; Full time

Job summary

ATech Solution in Bali is seeking a UI Engineer who blends UI development with UX design, translating designs into production-ready interfaces while applying UX judgment when plans are incomplete.

You will work with Next.js, React, TypeScript, Tailwind; prefer Server Components; build tests and Storybook stories; contribute to design system; ensure accessibility and responsive behavior; collaborate with product teams.

Qualifications

• Must have strong production React+TypeScript+Tailwind experience in a real product
• Experience shipping UI for web and mobile (responsive web/mobile)
• Ability to translate Figma into implementable specs and follow design system rules
• Portfolio showing shipped UI code and UX judgment across flows and states
• Component-library discipline: variants, tokens, composition, Storybook
• Accessibility as a default, not an afterthought
• Ability to work independently in a git monorepo: branches, PRs, reviews

Responsibilities

• Build and polish UI in Next.js (App Router) + React + TypeScript + Tailwind
• Default to Server Components; extract client components only for interactivity
• Reuse shared components and design patterns
• Add new shared primitives to design system with Storybook
• Use semantic design tokens; avoid raw hex colors
• Cover empty, loading, error, and gated/plan variants
• Write unit tests and Storybook stories for new UI
• UX design: translate Figma into specs; flag conflicts with the design system
• Design missing flows and responsive/mobile behavior when Figma is incomplete
• Produce lightweight artifacts: annotated frames, flow notes, component inventory
• Polish: alignment, spacing, contrast, focus, hover/press, motion
• Accessibility: keyboard focus rings, labels on controls, reduced motion

Skills

UI development

UX judgment

Responsive design

Accessibility

Fluent English

Tools

Next.js (App Router)

React

TypeScript

Tailwind

Storybook

Vitest

Playwright

Figma

Job description

ATech Solution in Bali is seeking a UI Engineer who blends UI development with UX design, translating designs into production-ready interfaces while applying UX judgment when plans are incomplete.

You will work with Next.js, React, TypeScript, Tailwind; prefer Server Components; build tests and Storybook stories; contribute to design system; ensure accessibility and responsive behavior; collaborate with product teams.