> ## Documentation Index
> Fetch the complete documentation index at: https://docs.figr.design/llms.txt
> Use this file to discover all available pages before exploring further.

# Redesign an existing screen

*Improve a screen you already have, without losing what works.*

Redesign is one of the most common things teams use Figr for. Start from your current screen, tell Figr what to change and what to keep, and compare the result side by side with the original.

**1. Bring in the current screen**

Upload a screenshot, capture the page with [Figr Capture](/input-research/chrome-extension), add [frames from Figma](/input-research/figma-input), or use a [product walkthrough](/input-research/screen-recording).

**2. Attach your design system and pod**

Select your design system and Context Pod in the chat so the redesign stays on-brand and fits your product.

**3. Describe what to improve and what to keep**

Be specific about the problem and the guardrails. For example: "Make this settings page easier to scan. Keep our navigation and existing components."

> [!TIP]
>
> Name one goal per prompt. "Reduce clutter" and "add a new filter" work better as two steps than one.

![Screenshot 2026 10 21 At 3 14 52 PM](https://mintcdn.com/figr-1af7ae64/GFl9SXL01D1q0Z7d/images/Screenshot-2026-10-21-at-3.14.52-PM.png?fit=max\&auto=format\&n=GFl9SXL01D1q0Z7d\&q=85\&s=09a918880b934a6815edd5661eab20ac)

**4. Compare before and after**

Figr places the redesign next to your original on the canvas so you can review the changes side by side.

![Screenshot 2026 10 21 At 3 15 20 PM](https://mintcdn.com/figr-1af7ae64/GFl9SXL01D1q0Z7d/images/Screenshot-2026-10-21-at-3.15.20-PM.png?fit=max\&auto=format\&n=GFl9SXL01D1q0Z7d\&q=85\&s=3d66be6a3406853be1f29fa0c6dede61)

**5. Refine the details**

Use the [manual edit](/getting-started/tutorial/untitled-page-5) panel to change a specific section, or ask for another variation in chat.

![Screenshot 2026 10 21 At 3 16 01 PM](https://mintcdn.com/figr-1af7ae64/GFl9SXL01D1q0Z7d/images/Screenshot-2026-10-21-at-3.16.01-PM.png?fit=max\&auto=format\&n=GFl9SXL01D1q0Z7d\&q=85\&s=b5c3963332f3993be0ca573aebc96b76)

> [!NOTE]
>
> **Not sure what to fix?** Ask Figr for a [UX review](/getting-started/tutorial/review) of the current screen first. It pins issues to the screen and ranks them, so you know where to start.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.