Use Reddit's internal toolchain to translate a high-fidelity Figma design into a structured Product Requirements Document (PRD) and then into production-shaped code for engineering review.
with Claire Vo
It'll spit out a PRD. And so I'm gonna say, 'Yes, this is what you're looking at,' and I'll continue. And then it'll generate this PRD... here you've got your generated PRD, and it'll say, like, 'This is what the user goal is. This is the acceptance criteria.'
A draft pull request in a sibling repository containing production-shaped code that implements the Figma design, ready for engineering review.
Collaborative design tool
Reddit’s internal prototyping harness for building and reviewing interactive prototypes with its design system and authorized data. Available to authorized Reddit teams; not a public product.
AI-first code editor
Follow the sequence once, then adapt the prompts, checks, and handoffs to your own setup.
6 steps
In the Reddit Proto launchpad, start a new 'feature capsule' project. Paste the URL of the specific Figma frame you want to implement.
This workflow is most effective for high-fidelity UI, not broad 'kitchen sink' feature ideas. Focus on a specific frame.
The system uses a custom 'Figma MCP' to analyze the Figma frame. It maps the design elements to known production components, tokens, and patterns from the Reddit Product Language (RPL) design system.
The quality of this step depends entirely on the accuracy of the underlying map between the design system and production code.
The tool generates a Product Requirements Document (PRD) that includes the inferred user goal, acceptance criteria, and technical details. You must review this document for accuracy.
This is the most important human checkpoint. Do not proceed if the PRD is incorrect. Correct the PRD to ensure the AI has the right instructions.
Once you confirm the PRD is correct, accept it. The system saves the PRD file and sends it to your IDE (Cursor) as the primary context for code generation.
The PRD is the formal handoff artifact, ensuring scope and goals are explicit before the agent writes code.
In Cursor, using the custom 'Proto MCP Ultra' context, instruct the AI to generate code based on the approved feature capsule and PRD.
[Generate the feature described in the provided PRD using our production components]
The AI uses its knowledge of the design system map, component examples, and past engineering feedback to write code that is shaped like production code.
The generated code is written to a sibling repository to keep production clean. After testing, a draft pull request is created against the main repository for formal engineering review.
The PR may or may not be approved. The review process is the final quality gate.
Turn an idea into a PRD, user stories, and a plan.
How to recover when the loop fails and where human judgment helps.
Let routine work keep moving.
Generate a draft sales presentation in Google Docs directly from your phone using Claude Duet. This workflow is ideal for business users who need to create serviceable first drafts on the go without being at a computer.
Use Claude Duet on your phone to quickly synthesize your sales pipeline by leveraging its connections to your existing business apps like your CRM, email, and Slack, saving you from manual data assembly.
Use Reddit's internal prototyping tool, Reddit Proto, to build a working prototype of a new feature, like search, and test it with your own signed-in Reddit data for more realistic feedback.
Join 250,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.
