PANDU YUDHA
BRIDGING DESIGN, CODE & AUTONOMOUS AI
Senior Product Designer, AI Systems Architect & Product Application Developer.
Enterprise design systems, full-stack applications, and autonomous AI.
JAKARTA, 2026
Explore Selected WorksPhilosophy
In the AI era, code synthesis and UI generation are commodities. The true differentiator is systems architecture: governing design tokens across hundreds of screens, building resilient full-stack platforms, and orchestrating autonomous workflows that scale.
Profile
Craft & Architecture
Product Designer, AI Systems Architect & Product Application Developer — Jakarta, Indonesia
I am a Senior Product Designer & Full-Stack Systems Architect with 8+ years of experience bridging design systems and production engineering, eliminating the friction between design intent and code execution.
My work includes architecting the enterprise design system for QLOLA by Bank Rakyat Indonesia (BRI), launching consumer SaaS platforms like WiPlanner and Keibo, and engineering mission-critical manufacturing ERP systems for NSI Polimer.
Today, I pioneer agentic workflows — integrating autonomous AI agents and Model Context Protocol (MCP) to architect and ship production products with unprecedented speed.
Capabilities
End-to-end vertical integration: product strategy, atomic UI systems, fullstack engineering, and AI-assisted workflows.
Mathematical Figma tokens, variable collections, Code Connect, WCAG AAA compliance, and multi-platform parity.
Production web apps with Next.js 16 App Router, Nuxt 4, TypeScript, Tailwind CSS, and Prisma ORM.
Connecting LLMs to real OS tools, headless browser drivers, and databases via Model Context Protocol.
Checkout architectures with Duitku, Virtual Accounts, QRIS, credit cards, and automated reconciliation.
Enterprise manufacturing systems with MSSQL/PostgreSQL, plant telemetry, and role-based workflows.
Scaling design systems, shipping full-stack MVPs, or automating operations with AI — let's build together.
Discuss Your ProjectSelected Works
A curated selection of enterprise design systems, consumer SaaS platforms, and industrial infrastructure.
Corporate Banking Portal & Unified Design System with 450+ tokens, multi-platform parity across Web and Mobile, and WCAG AAA compliance.
Creator production workspace: content calendar, scene rundown, shoot day checklist, cloud storage, and Duitku payment gateway.
Manufacturing Execution System & Plant Operations Dashboard: Shift Operation Report, maintenance tracking, and machine telemetry.
Personal finance platform based on Japanese Kakeibo method: 4-pillar budget allocation and automated daily safe-to-spend calculation.
Process
From initial system discovery to live production deployment with zero organizational friction.
Phase 01
Phase 02
Phase 03
FAQ
On the design side, I operate exclusively in Figma with mathematical design token structures, auto-layout, and variables. For engineering, my default production stack is Next.js 16 (App Router) or Nuxt 4, coupled with TypeScript, Tailwind CSS, Prisma ORM, and PostgreSQL or MySQL/MSSQL. For background automation, I use Python, headless browser drivers, and Hermes Agent via Model Context Protocol (MCP).
Instead of manual copy-pasting into chat interfaces, I connect AI agents directly to real execution tools using MCP (Model Context Protocol). Agents have access to terminal environments, database queries, and browser drivers. This allows them to run regression tests, perform nightly competitive scraping, generate structured reports, and prepare pull requests autonomously.
Yes. While I am based in Jakarta (UTC+07:00), I routinely collaborate asynchronously with clients across Singapore, Tokyo, Europe, and the United States. Communications are handled via Slack, GitHub, and scheduled video conferences.
A standard product sprint is delivered within 4 to 6 weeks. Week 1 is dedicated to discovery and design system architecture; Weeks 2-4 cover fullstack development, database modeling, and third-party integrations; Weeks 5-6 focus on QA testing, staging revisions, and final production deployment.
Absolutely. I respect intellectual property and confidentiality. We can execute a standard mutual NDA prior to our initial discovery conversation.
First Step
Whether you need an enterprise design system, a full-stack SaaS platform, or autonomous agent integration — let's explore how we can work together.