Back/Design/Perplexity
BeginnerDesignPerplexity

How to Prototype a Website Redesign Using an AI with Browser Access

Quickly create a functional website prototype without writing code. Use an AI agent like Perplexity Computer to analyze a live URL and generate an interactive mock-up of your redesign vision.

How to Prototype a Website Redesign Using an AI with Browser Access

Tools Used

Perplexity

AI search engine

02Step-by-Step Guide
1

Define the Redesign Goal

Clearly articulate the new vision for the website. For example, creating 'persona-based learning journeys for different user types' like Rev Ops, SDRs, and Marketing Ops.

2

Prompt AI with the Live URL

Use an AI tool with browser access, like Perplexity Computer. Provide the URL of the current website you want to redesign as the starting point for the AI.

3

Describe the New Structure and Functionality

Explain the new desired layout and features. For instance, describe how the homepage should feature different persona tracks and what should happen when a user clicks on one.

4

Iterate on Specific Views

Engage in a back-and-forth conversation with the AI to refine the prototype. Ask it to mock up specific views, like a 'logged-in view for a user, showing their progress and next suggested courses.'

5

Use the Prototype to Communicate Vision

Use the generated functional prototype as a powerful visual artifact to show, not just tell, designers and engineers what the intended redesign looks and feels like.

Start shipping
better products.

Join 100,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.

Free to start
No credit card
SOC 2 certified
Enterprise ready