Erik Agus Darmawan
Designing interfaces · building systems · experimenting with AI.
Fig. 2. Loading activity.
/01 WORK HIGHLIGHTS
02 ENTRIESPAYROLL STRATEGIC ENGINE
01/ 12
Selected work on design systems, AI workflows, and enterprise HR products.
01
Payroll Strategic Engine
- PROJECT
- Enterprise HR product
- SCOPE OF WORK
- Product design, UX, UI




/02 PROJECTS
05 ENTRIESA sticky-note widget for Figma and FigJam. Notes got lost in comments and chat, so I built one card that holds the note, the thing it points at, and its status.
- Five categories (Spec, Dev Note, Fix / Bug, Review, To-Do) and four statuses (Open, In Progress, Resolved, N/A)
- A pointer line to the thing the note is about, plus a link that jumps to the layer
- Threaded replies, each stamped with who wrote it and when
- Copy one note or many as Markdown for Jira, or save them as a .md file
- FIGMA WIDGET
- FIGJAM
- DESIGN TOOLING
- ANNOTATION
- OPEN SOURCE
/03 WHAT I DO
06 DISCIPLINESDesign Systems
AI-Assisted Design Workflow
UX Research
Design Leadership
Prototyping & Design Engineering
/04 ABOUT
- 01
I design interfaces for enterprise products where the data is messy and the users are under pressure, mostly HR and payroll systems.
- 02
Lately I use AI as part of the actual workflow, not just for talk, so I build and ship faster without cutting the design process short.
- 03
Outside of client work I write internal SOPs and design systems, so the same decisions do not get made twice.
/05 STACK
01 DESIGN
- Paper
- Figma
- Design tokens
02 BUILD
- Next.js
- TypeScript
- Tailwind CSS
03 AI & WORKFLOW
- Claude Code
- MCP servers
- Figma Console MCP
/06 EXPERIENCE
07 ROLESROLE 01 · CURRENT
Lead UI/UX Designer
- LOCATION
- Jakarta, Indonesia
- TYPE
- Full-time
- PERIOD
- Oct 2023 to Present
- DURATION
- 3 yrs 2 mos
- Led the end-to-end UX/UI redesign of Andal Kharisma (HRIS and Payroll) and launched 3 enterprise modules: Andal Talenta, Andal PMS, and Andal Payroll Strategic.
- Contributed to a 35% increase in new user acquisition in Q1 after launch, as reported by the marketing team.
- Accelerated Andal PMS design delivery by 50% by pioneering Claude Code as an AI-assisted prototyping tool and introducing Figma Make automation, compressing two design sprints into one.
- Took on the Product Owner role for Andal PMS, writing the PRD and building AI-assisted wireframe prototypes with Gemini and Claude to give the team a clear visual direction before development.
- Implemented the Figma Design System in Storybook using Claude Code MCP, making it the single source of truth for developers and Product Owners.
- Pioneered an AI-native ideation workflow where AI-generated concepts are grounded in existing Figma and Storybook components, which removed rework from misaligned UI and sped up handoff.
- Led knowledge-sharing sessions on Figma MCP integration, so developers can pull design assets straight into their code editor. Manual UI slicing dropped from half a day to 1-2 hours per developer, a reduction of over 60%.
- Shifted prototyping from static Figma mockups to interactive prototypes built in Claude Code, grounded in the team's design system and connected to real data via Supabase, then validated with the CEO before development.
- Established a standardized Design ID naming SOP for QA automation testing, reducing development rework by up to 40%.
- Managed planning, task allocation, and mentorship for 2 designers, and partnered with Product Owners on client research.
- HRIS
- Payroll
- Design Systems
- AI Workflow
ROLE 02
Senior Product Designer
- LOCATION
- Jakarta, Indonesia
- TYPE
- Concurrent / Contract
- PERIOD
- Sep 2022 to Oct 2025
- DURATION
- 3 yrs 2 mos
- Spearheaded the platform migration from Adobe XD to Figma and led Design System development on Material UI v4, including design token customization, component adaptation, and product-specific theming. Overall design production time fell by 40%.
- Established a Design System SOP covering contribution workflows, component request processes, and usage guidelines, keeping design and engineering aligned throughout the product lifecycle.
- Introduced Builder.io and Figma Make into the ideation workflow, cutting early-stage design iteration time by 60%+ so the team could explore and validate more concepts per sprint before development.
- Achieved 100% UI consistency across all platforms by partnering with engineers to implement the Design System in Storybook as the shared reference for frontend development.
- Designed and launched four major platforms (Portal Kerja, LMS, Portal Sekolah, and Direktori Kampus) across web and mobile apps from zero to one, serving over 20,000 active users during the launch period.
- Independently researched, wrote the PRD, and designed Portal Kampus, a system for managing student and lecturer data, presenting the requirements directly to the CEO.
- Directed product design vision and managed 2 designers, delivering 40+ design features on time while maintaining a standardized Design System SOP.
- Pioneered functional prototyping with Figma Make and Supabase using real data instead of dummy data, so prototypes feel like finished products and cause fewer interaction and flow errors during developer implementation.
- Design Systems
- Education Portals
- Storybook
ROLE 03
Product Designer
- LOCATION
- Tangerang, Indonesia
- PERIOD
- Dec 2020 to Sep 2022
- DURATION
- 1 yr 10 mos
- Drove end-to-end product design for the core products POSLite, ESB Core, and QOQI, covering ideation, wireframing, UI design, prototyping, user research, usability testing, and design QA.
- Led the redesign of ESB Order and built its Design System from scratch with 2 designers and 1 UX writer. The cleaner UI reduced friction for outlet staff and drove a 67% increase in user adoption in Q1 after launch.
- Designed and documented a scalable Figma component library and style guide for Starbucks Indonesia's POS system, and delivered payment and checkout features that led the client to retain us as their strategic design and development vendor.
- POS
- Component Library
/07 WHAT PEOPLE SAY
“[Placeholder quote about working with Erik on a design system project.]”
“[Placeholder quote about the AI-assisted workflow speeding up delivery.]”
“[Placeholder quote about clarity brought to a messy payroll product.]”


