Get your free personalized podcast brief

We scan new podcasts and send you the top 5 insights daily.

A tactical method for building aesthetic sense in web design involves saving admired websites and then manually reproducing them in Figma or on paper. This practice forces you to understand the placement and proportions, after which you can identify the shared design language and study its formal rules and history.

Related Insights

Stop trying to create pixel-perfect designs in Figma; its rendering of type and color will never match the browser. Instead, embrace Figma as a rapid, low-fidelity storyboarding tool. Sketch out interaction flows with simple shapes, then feed those images to an AI to build the real thing.

If your execution skills are still developing, focus on demonstrating strong design taste. Find portfolios you admire and deconstruct them, asking why specific choices were made around spacing, color, and timing. This process builds your design intuition and signals to hiring managers that you have a high quality bar and are coachable.

True design intuition isn't innate; it's built through repetition. The fastest way to learn is to take many "shots on goal." Focus on generating a high quantity of rough, low-fidelity ideas and storyboards, rather than a few polished ones, to accelerate your learning and discovery process.

When building his own site, MDS doesn't aim for pixel-perfect Figma files. He gets the design to 85% completion, establishing the core direction, and then moves to code to finalize details like hover states and animations where the interactive "feel" is paramount.

To cultivate strong design taste without formal training, immerse yourself in best-in-class products. Actively analyze their details, from menus to spacing, and ask *why* they work. This reverse-engineering process builds intuition and raises your personal quality bar faster than theoretical study alone.

To ensure AI prototypes match your product's design system, don't just describe the style. Instead, start by prompting the tool to "recreate" a screenshot of your live app. Refine this initial output to create a high-fidelity "baseline" template for all future feature prototypes.

Instead of manually learning and implementing complex design techniques you find online, feed the URL of the article or example directly to an AI coding assistant. The AI can analyze the technique and apply it to your existing components, saving significant time.

Prototyping a new product from scratch risks creating a generic, "AI slop" design. To avoid this, use "inspiration sourcing": find screenshots from other apps (e.g., on Mobbin) that have the design aesthetic you want, and feed them to the AI as a style reference for specific features.

Create a custom AI agent trained on the philosophies and techniques of designers you admire. Feed it their articles, code examples, and tweets to build a "visual design auditor" that provides feedback and suggestions aligned with their collective style.

The path to developing an authentic style begins with direct imitation. Like a musician learning a classic song, copying the work of masters—whether in writing, design, or fashion—is a necessary step to internalize the underlying rules and 'texture' of what makes their work great before you can innovate.

Non-Designers Can Build Web Design Taste by Copying Websites Pixel-for-Pixel | RiffOn