Resources

Articles, guides, templates, and insights on product design and AI.

Ship to Show

A 7-phase framework to turn a prototype into a portfolio case study with animated videos, bilingual narrative, and an integration pack.

Guide

Getting started with Claude Code

Complete guide for designers: from installation to deployment, visual quality, skills, and Figma MCP.

Article

Claude Code and Figma MCP: designing and implementing without switching tools

For the past few months, I have been using Figma MCP to read my designs directly from Claude Code, generate components that match the design, and iterate in real time between the mockup and the codebase. The workflow compresses the design-to-integration cycle from days to hours. I design in Figma, then Claude Code reads the component specs, spacing, tokens and layout through MCP, and generates production-ready code that stays faithful to the original intent. The interesting part is not the speed. It is the quality of the feedback loop: when I see the result instantly, I make better design decisions because I can evaluate them in context, not in isolation.

Article

Designing a design system in Figma, then implementing it with Claude Code

I recently ran a complete experiment: designing a full design system in Figma (tokens, components, variants, documentation), then implementing it on a dedicated site built in Astro and Tailwind, driven entirely by Claude Code. The design system covers foundations (color, typography, spacing, elevation), atomic components (buttons, inputs, badges, tags), and composite patterns (cards, navigation, forms). What this approach changes in the relationship between design and development is fundamental. The design system becomes a single source of truth that both the designer and the AI can read. Claude Code reads structured design data rather than interpreting screenshots. The gap between the intended design and the implemented result shrinks to almost nothing.

Article

Training non-designers on generative AI: field notes

I have started running AI workshops for entrepreneurs and product teams. The most common misconception is that generative AI replaces skills, but it amplifies what you already know. A product manager who understands user needs will write better prompts than a junior who copies templates. The training works best when I start with their actual problems, not with the tool.

Article

50 apps in one year: what AI prototyping actually changes in practice

Since launching Condamine Apps, I have prototyped and deployed 50 functional web applications using Claude Code, Bolt, and Cursor. The speed gain is real: what used to take weeks now takes days. But the design decisions remain mine. AI accelerates production but does not replace the thinking. The biggest shift is that I can now validate ideas with real, working prototypes instead of static mockups.

Article

Using Claude Code across an entire product design project

From functional scoping to screen production, from prototyping to documentation, I integrated Claude Code into every phase of a product design project over six months. For scoping, it helps structure requirements and generate user flow diagrams. For design, it reads Figma files and produces component code. For prototyping, it builds functional applications deployed on Vercel in hours. For documentation, it generates technical specs and handoff materials. What works: the acceleration is real on repetitive tasks, code generation, and rapid iteration. What slows you down: ambiguous instructions produce ambiguous results, so the designer's ability to frame precisely becomes even more critical. What changes: the designer's posture shifts from someone who delivers screens to someone who orchestrates a production pipeline. The craft evolves rather than disappears.

Article

Why I organize design work in seasons, not sprints

At France VAE, I restructured the design workflow around one-month seasons with three delivery cycles each. Sprints create urgency but they do not create clarity. A season gives enough time to frame a problem, explore solutions, and ship something tangible. Each season has a theme, a set of deliverables, and a retrospective. The team went from reactive to intentional within two seasons.

Condamine Studio

AI Agents & Prompts

32 curated agents and prompt frameworks for design, development, marketing, and productivity.

Explore the collection

Resources

Ship to Show

Getting started with Claude Code

Claude Code and Figma MCP: designing and implementing without switching tools

Designing a design system in Figma, then implementing it with Claude Code

Training non-designers on generative AI: field notes

50 apps in one year: what AI prototyping actually changes in practice

Using Claude Code across an entire product design project

Why I organize design work in seasons, not sprints

Running design thinking workshops in a public service context

The PM-Designer partnership: three principles that make it work

Hiring designers when you are the only designer

Design scoping is 80% of the work

Template: Design Scoping

Process: PO / Design Sync

Workshop: Design Teardown

Checklist: Feature Design

Process: UI Slicing

Figma: File Status

Building a product roadmap when the product does not exist yet

How a design culture actually takes root in a product organization

A design system for five brands: the real challenge is not technical

Moving from designer to design lead: what nobody tells you

Designing for 500,000 users who never asked for your product

When the product direction is unclear, design creates the most value

Storybook as a negotiation tool with developers

AI Agents & Prompts