Use a hybrid AI workflow to bridge design and development. Generate high-level design concepts and tokens with Claude, then use Codex for robust implementation of the technical components in your codebase.
Anthropic AI assistant
OpenAI's cloud-based AI software engineering agent that can execute code, run tests, and handle complex multi-file tasks autonomously.
Collaborative design tool
Step by step
Follow the sequence once, then adapt the prompts, checks, and handoffs to your own setup.
5 steps
Provide a Figma file or an example website to Claude Design and ask it to create a design system. It will output a clean design.md file with design tokens.
Claude Design excels at high-level conceptual work, creating well-structured design tokens for colors, fonts, and spacing.
Take the design.md file generated by Claude and feed it to a more implementation-focused agent like Codex.
Use a specific prompt to instruct Codex to take the conceptual tokens and build out the actual shared components and technical design system in your codebase.
Take this design.md, plus what's in the Figma, and actually build me a technical design system.
Let Codex build out the file structure and create the interconnected components based on the design file.
Using a Figma plugin with Codex, sync the final, coded design tokens back into your Figma file to close the loop between design and development.
Turn an idea into a PRD, user stories, and a plan.
Keep building
Implement a QA loop for AI-generated code using Devin. This playbook combines automated code reviews with an agent-recorded video walkthrough for visual verification, ensuring high-quality merges at scale.
Build a reusable 'Watchdog' playbook in Devin to automatically monitor customer accounts. The agent proactively checks for errors, synthesizes a prioritized list of critical issues, and saves you time.
Use GrokBot to create specialized AI agents that can access and manage multiple email and Slack accounts simultaneously. This workflow simplifies managing complex digital lives and automates cross-platform tasks, boosting personal and operational productivity.
Join 100,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.