Services
I bridge the gap between design and engineering with n8n automation, logic-driven systems, and high-stakes product strategy.
Methodology: Design as Infrastructure
Most design teams treat their process as a series of handoffs. I treat it as infrastructure.
🔍
Audit: Identifying friction in the design-to-code pipeline and tool-chain bottlenecks.
đź’ˇ
Systemic Solutioning: Building the pipes, not just the pixels: integrating n8n, MCP, and agentic workflows.
🚀
Autonomous Scaling: Deploying agentic workflows, tokens, and logic-driven systems that scale without manual overhead.
Service Pillars (How I Help)
1. Strategic Discovery & Workshops
The roadmap to clarity.
I facilitate high-impact workshops to align stakeholders and define the “why” before the “how.”
Services:
Customer Journey Mapping: Visualizing the end-to-end user experience to identify pain points.
Persona Development: Building data-driven user archetypes that guide product decisions.
Opportunity Solution Trees: A structured approach to brainstorming and prioritizing features.
Product Roadmap Planning: Defining the strategic sequence of work for your product lifecycle.
Stakeholder Alignment Workshops: Getting cross-functional teams on the same page, fast.
âś…
Outcome: A unified vision and a prioritized backlog of high-value opportunities.
2. Design Workflow Automation (n8n & MCP)
Connecting the pipes.
I use n8n orchestration and Model Context Protocol (MCP) to automate the repetitive parts of your design lifecycle.
Services:
n8n Workflow Design: Custom automation “pipes” that connect Figma, Jira, and your internal tools.
AI Agent Integration: Deploying agentic workflows to handle documentation, asset management, or research.
Tool-Chain Orchestration: Auditing and connecting your disparate design and dev tools into a single flow.
Automated Hand-off Systems: Reducing friction between design tokens and developer implementation.
âś…
Outcome: Reduced manual labor and “agentic” design operations that run in the background.
3. Technical Design Systems (Tokens & Variables)
Infrastructure that maps to code.
Building systems that aren’t just for Figma, but for the entire product ecosystem.
Services:
Design Token Architecture: Setting up logic-driven tokens that translate directly to CSS/JS/Swift.
Multi-Brand/Multi-Tenant Scaling: Architecting systems that support dozens of brands from one source.
Figma Variable Strategy: Implementing advanced logic, modes, and variables for complex UI.
Storybook & Code Sync: Aligning Figma components with coded components for true parity.
âś…
Outcome: A single source of truth that drastically reduces time-to-market.
4. Design Ops Strategy & Team Enablement
The force multiplier.
Auditing and optimizing your team’s tool-chain and culture to support systemic thinking and AI-integrated workflows.
Services:
Efficiency Audits: Identifying bottlenecks in your design and development “pipes.”
AI-Integrated Workflow Mentoring: Training teams to use agents (Cursor, Claude Code) and automation in their daily work.
Tool-Chain Optimization: Selecting and configuring the right stack for high-velocity teams.
Design Ops Roadmapping: Building a long-term plan for design excellence and operational maturity.
âś…
Outcome: A leaner, faster design organization capable of adopting emerging tech.
5. Principal Product Design
Solving for complexity.
High-stakes UI/UX for complex problem spaces where efficiency is the primary metric.
Services:
Complex UI/UX Architecture: Designing high-density interfaces for fintech, telecom, or industrial use.
Agentic UI Design (A2UI): Designing interfaces specifically for human-AI collaboration.
Product Prototype & Validation: Rapidly building high-fidelity, logic-driven prototypes.
Design Leadership & Mentorship: Embedded leadership to guide teams through complex product shifts.
âś…
Outcome: Highly efficient, scalable products that solve deep technical challenges.
The Stack: My Infrastructure
I don’t just use these tools; I orchestrate them. My stack is selected for speed, logic, and agentic potential.
Automation & Orchestration
n8n: My primary engine for connecting design systems to business logic and developer workflows.
MCP (Model Context Protocol): Leveraging standardized “pipes” to give AI agents deep context into your project data.
Claude Code & Cursor: Utilizing AI-native development tools to accelerate the design-to-code bridge.
Custom AI Agents: Deploying specialized agents (like OpenClaw) to handle repetitive Design Ops tasks.
Design & Systems
Figma: Advanced usage involving Variables, Dev Mode, and logic-driven component architectures.
Design Tokens: Utilizing tools like Style Dictionary or Token Studio to maintain a single source of truth from Figma to Code.
Penpot: For open-source-friendly design environments and Flexbox/CSS-native layouts.
Storybook: Bridging the gap between design components and live, coded UI.
Strategy & Management
Jira & Jira Product Discovery: Managing the “Pipes” and “Backlog” with high-fidelity tracking and automation.
Raycast / CLI Tools: Using custom scripts and workflows to speed up local development and design tasks.
Ready to build out your design infrastructure?
Let's talk