Make your product look premium with AI design tools
This week gives the product a clear and trustworthy visual identity. Good design helps users understand what to do and feel confident enough to continue.
A brand is the expectation created by your words, visuals, and behaviour. Choose a name and voice that fit the customer and the problem. Keep the system small: one primary typeface, a limited colour palette, a clear logo treatment, and a few tone rules.
Users should quickly see where they are, what matters, and what to do next. Use heading size, spacing, contrast, and position to create that order. If every element looks important, nothing looks important.
A polished screen can still be confusing. Use familiar labels, visible actions, useful feedback, readable text, and enough contrast. Watch a first time user complete the main task without coaching and record where they hesitate.
Buttons, colours, terms, and spacing should behave the same way across screens. Create a small set of reusable components and apply them throughout the product. Consistency also makes later changes faster.
Approximately 162,000 views
Why it fits: Introduces hierarchy, spacing, typography, contrast and layout while designing a real interface.
Redesign one important screen in Figma before asking the AI builder to implement it.
The video supports the lesson above — it doesn't replace it.
Review this product interface for a first time user. Assess hierarchy, clarity, consistency, accessibility, and trust. Identify the five highest impact issues. For each issue, explain the user consequence and propose a specific change. Keep the existing brand direction unless a change is necessary.
Week 7 · Case study
Source note: Documented builder story published by Replit. Early download figures are reported in that account. The student-sized version below is an illustrative exercise, not part of the reported case.
In 2026, designer and marketer Dan Kempe used Replit Agent and Expo to build Flash News, an iOS speed-reading application. The product displays one word at a time while keeping the middle letter in a consistent position.
Kempe began with a narrowly defined interaction and repeatedly tested it on a physical phone. He studied successful App Store products, used interface screenshots as references, and refined typography, motion, colours, and spacing. The application reached just under 300 early downloads.
Select the most important screen in your application. Collect three good references, explain exactly what you like about them, and redesign only that screen. Test it with two people before redesigning the entire product.
Which design choices improve comprehension, and which merely make the screen more decorative?
Respond in your submission →Create a brand kit and apply it to your product. Submit the kit, before and after screens, and a short note explaining three design decisions based on user needs.