Designer tool stack and resources

My design and AI stack, plus free resources.

A modern, AI-forward workflow for product design, commerce optimization, brand systems and remote handoff.

My stack

Tools, grouped by what they help ship.

Figma / auto layout / variables / component libraries / interactive prototypes / dev handoff

Design & prototyping

End-to-end product design in Figma - systems, prototyping, documentation and clean developer handoff for product and commerce teams.

Figmaauto layoutvariablescomponent librariesinteractive prototypesdev handoff

Claude Code / ChatGPT / Gemini / Nano Banana / Paper / Lovable / AI-assisted prototyping / research synthesis / prompt libraries / asset variants

AI-native tooling

AI-assisted environments like Claude Code to accelerate design, prototyping and iteration, with human judgment kept at the center.

Claude CodeChatGPTGeminiNano BananaPaperLovableAI-assisted prototypingresearch synthesisprompt librariesasset variants

Photoshop / Illustrator / After Effects / Procreate

Visual & motion

Brand craft, illustration, motion studies and production-ready creative systems.

PhotoshopIllustratorAfter EffectsProcreate

Shopify-aware UX / Klaviyo / PDP design / A/B testing

eCommerce & lifecycle

Commerce flows, email/SMS modules and conversion decisions tied to metrics.

Shopify-aware UXKlaviyoPDP designA/B testing

Notion / Asana / analytics review / handoff docs / CRO decisions

Process

Clear documentation and measurable decision-making for remote product teams.

NotionAsanaanalytics reviewhandoff docsCRO decisions

Free resources

Things I made that you can take.

These lead magnets map to the Journal topics and can later be gated through Neon-backed leads and resources tables.

Want a designer who already knows this stack?

I can plug into product, design, eCommerce and remote teams without a long ramp.