One-Prompt UI Design System

Generate a square UI design-system board from an uploaded style reference, covering web, mobile, cards, controls, and buttons.

Output

1:1 ・ 4K

0 uses

0 views

1:1 ・ 4K

GPT Image 2

Create from this prompt

Copy the prompt, then open ChatGPT and paste it in.

Prompt Template

Template uses

Template views

Reference needed before use

Style Reference ImageRequired

Upload a UI screenshot or design reference whose visual style should guide the new design-system board.

Use the uploaded style reference image as the visual direction, then create a 1:1 UI design-system board in the same style. Include a web page layout, mobile app screens, card components, form controls, buttons, icon-style samples, navigation elements, badges, small data widgets, and other reusable interface components. Keep the result organized like a polished product design system presentation: clear hierarchy, consistent spacing, coherent typography, matching color tokens, realistic app-content placeholders, and a professional UI portfolio-board composition. Preserve the style reference's overall mood, color palette, lighting, depth, and surface treatment, but create a new original interface system rather than copying the reference screen.

2. Open ChatGPT

One template = one prompt = one image