Select a high-quality screen

Every day, choose a visually appealing screen from a well-designed app or website from your daily task Train your Design Eye. Focus on products known for their good design team (iOS, YouTube, Airbnb...).

Replicate

Use a design tool like Figma to recreate the selected screen as accurately as possible.

Understand the choices. Instead of blindly copying, analyze each element and ask yourself why the designer made specific choices. Understanding these decisions will help you develop a critical eye and appreciate the thought process behind effective design.
Create components and design system. Analyze and define elements like color palettes, typography, and spacing rules. Create design tokens through variables and follow best practices for design systems. Use components, auto-layout, and grids to build responsive designs.

Experiment

Personalize and experiment. Once you've successfully replicated the screen, experiment with different design styles. Change colors, typography, and arrangement to make the design your own.
Identify essential elements. To truly understand the original design, try to "destroy" it. Modify every element until the design becomes unattractive. This will help you identify the key elements that contribute to the original's effectiveness.

Select a high-quality screen

Replicate

Experiment

💎 Read and watch