Close
Type at least 1 character to search
Close
Close

Design Expertise

My expertise is comb-shaped with specialties in design systems, design craft, UI design, and product design, especially interaction and visual design.

My design processes are deeply rooted in traditional art and design foundations, as well as evolving modern principles. These foundations guide and support my craft, bringing logic, purpose, and proven results to the products I work on.

Design foundations

  • Human-computer interaction
  • User-centered design
  • Cyberpsychology
  • Systems thinking
  • Spatial design / Gestalt
  • Inclusive design

Evolving methods

  • Design as governance
  • Accessibility
  • Mobile-first design
  • Design ethics
  • AI-enhanced workflows

Design systems

I combine systems thinking, design system leadership, and hands-on component craft to define, build, and evolve enterprise-scale systems and focused UI libraries. My Figma practice centers on composable component architecture, semantic design tokens, responsive behavior, and purposeful properties and variants. I partner across design and engineering to align components with production code and create systems that are intuitive to adopt and flexible to extend.

I integrate AI into my workflows to audit system consistency and surface design debt, write and refine component documentation, and develop advanced functional prototypes that explore complex interactions and accelerate validation. 

Design system expertise

Design systems

  • Systems thinking
  • System governance
  • Scalable design systems
  • System architecture
  • System audits and optimization
  • Atomic design
  • Token planning
  • Grid and layout
  • Specs and documentation
  • Adoption, support, training
  • Google Material design
  • Apple HIG

Figma

  • Component craft, architecture
  • Token-based styling, theming, automation
  • Built-in guardrails
  • Accessibility and annotation
  • Code parity
  • Figma MCP + AI agents
  • Figma Agents
  • Figma Make
  • Figma Slides
  • Figma Weave
  • AI prototyping

Product & interaction design

In the broader sense, product and experience design encompass a breadth of disciplines that stretches across project discovery to full scale project design. In this sense, I work within the space of design thinking; a production methodology that I adapt to each project to reach an optimal balance of quality and energy. I emphasize usability and accessibility, and seek to find the perfect balance between form and function in all projects.

Product design expertise

Product disciplines

  • Interaction design
  • Visual design
  • UI + web design
  • Mobile-first design
  • Accessibility (WCAG, ADA)
  • Inclusive design

Process + deliverables

  • Polished, high fidelity comps
  • Journey maps
  • Information architecture
  • Content creation
  • Copywriting
  • AI-enhanced content

Visual design

My visual design expertise extends to print and collateral. Having owned a small design agency for a little over a decade allowed me to develop skills in visual and graphic design for an array of physical and promo products including all manner of printed materials, packaging, editorial design, and more.

Visual design expertise

Visual design

  • Typography, composition, color theory
  • Print design
  • B2B, B2C design
  • Editorial design + layout
  • Packaging design
  • Banner + social media ads
  • Email design
  • Generative AI, motion graphics

Identity

  • Moodboards
  • User personas
  • Color exploration
  • Typography exploration
  • Logo design
  • Style and brand guides
  • Press kits
  • Photo selection + editing
A Figma library, Claude skills stored in a GitHub repo, and a codebase, connected through Figma MCP and Claude Code. A designer adds a Chip component and the figma-to-code skill proposes Chip.tsx. The designer changes the accent token and the token-sync skill proposes the update to tokens.css. The design-debt-audit skill compares library and code, flags a hard-coded value in Button.tsx and proposes the token instead. Every change waits for human review: the designer checks the code and approves it, and only then is it committed to the repo. FIGMA LIBRARY CLAUDE SKILLS CODEBASE TOKENS COMPONENTS GitHub repo figma-to-code token-sync design-debt-audit COMMITS Up to date Add Chip component Sync accent token Fix design debt Chip.tsx tokens.css Button.tsx HUMAN REVIEW Nothing pending Needs approval Approved Approve FigmaMCP ClaudeCode AI agent Designer

AI as a design partner

I’m exploring AI as a way to reduce friction in the design process by automating repetitive work, accelerating documentation and QA, and creating more space for strategy, craft, accessibility, and systems thinking.

I’m experimenting with AI for advanced design workflows, such as code prototyping, CSS and SVG animations, micro-interactions, and design-to-code fidelity. I’m especially interested in how AI can work alongside design tools to automate QA tasks, such as finding inconsistencies, reducing design debt, and connecting design intent with front-end implementation.

Concepts

  • Agentic workflows
  • Design-to-code workflows
  • Automated design and code audits
  • Multimodal prototyping
  • Generative visual exploration
  • AI-assisted motion design
  • Automated documentation
  • Design QA and regression checking
  • Context-aware design guidance
  • Human + AI collaboration

Technology

  • Claude Code
  • Claude Design
  • Cursor
  • AI agents and skills
  • Custom GPTs
  • Markdown
  • Figma MCP
  • Figma Agents
  • Figma Make
  • Figma Weave
  • Nano banana

Solutions

  • Automated system, token, and accessibility audits
  • Design-to-code fidelity
  • Component specs and docs
  • Advanced coded prototypes
  • Data synthesis
  • Imagery, animation, and video
  • Governance support
  • Improved training and adoption
  • Reduced system repetition
  • Interaction pattern exploration