How to Learn UI/UX Design From Scratch in 28 Days
For Complete beginners with no design experience · Based on Kole Jain 28-Day Design Eye Method
// TL;DR
If you've never designed anything and have Figma installed but no idea where to start, the Kole Jain 28-Day Design Eye Method gives you an exact roadmap. You begin by building a swipe file of 20+ inspiring designs, annotate them to find the skeleton, then clone real hero and feature sections pixel-for-pixel before ever trying to design originally. Over four weeks you train your eye, learn flavor, and map your first UX flow — all without building a portfolio you'll later regret. It replaces overwhelm with a concrete daily sequence.
Where do I even start learning design?
Start before you open Figma. The most common beginner mistake is jumping straight into a design tool with no reference material and no trained eye. Instead, build a swipe file — a curated collection of 20+ hero sections and feature sections that genuinely inspire you. Pull them from Mobbin, Dribbble, Pinterest, or direct website screenshots, and organize them by section type: hero, features, stats, nav. The only rule is that you save designs you'd actually want to produce yourself, never random ones.
With your swipe file built, your first real skill isn't creation — it's perception. You need to develop a design eye: the ability to look at any design and immediately see its underlying skeleton before judging its aesthetics.
How do I train my eye before designing anything?
Pick two or three designs from your swipe file and annotate them. Label the four core zones every page shares: the main text block, the navbar, the primary visual asset, and any supporting stat or social-proof zones. This is the skeleton principle — different designs share the same structure despite looking completely different.
Then go deeper. Note the specific spacing values between elements. Which elements are grouped tightly together? That's proximity-driven grouping — closer elements are perceived as belonging together, so spacing communicates relationships. Look for where hierarchy comes from opacity (secondary text dropped to around 55%) rather than font size. And check that no image's focal point is obstructed by overlapping text. This annotation work is the entire point of Week 1.
How do I actually build my first design?
Open Figma and clone — don't redesign. Pick one design and reproduce its hero section pixel-for-pixel without changing anything. Measure card spacing, nav height, button padding, font sizes, and opacity values exactly. It feels tedious, but that's the mechanism: cloning forces you to confront every micro-decision, while redesigning lets you skip them.
Next, clone the feature section from the same site, noticing how the layout serves the content goal — is it a bento grid because there are many items to show, or a two-column visual-and-text pair? Then clone a second site with a totally different layout. This is where pattern recognition accelerates and you start seeing the same skeleton beneath very different looks.
What about making designs feel a certain way?
That's flavor — the core UI skill. Take a layout you've already cloned and restyle it twice without changing its structure. First go 'warm and friendly': warm colors, rounded corners, bubbly buttons, colorful imagery. Then restyle the identical layout 'modern and premium': minimal rounding, desaturated imagery, maybe a noise texture. Write your 2-3 target words down before each pass — flavor starts with language, not pixels.
Finally, in Week 4, map a UX onboarding flow to learn that UX is journey, not flavor. Design credential entry with an escape hatch to login, an email verification screen, and a workspace step where the journey splits between team users and individuals.
What should I NOT do as a beginner?
Do not start a portfolio. This is a hard stop. Your taste will change dramatically over the next one to two months, and anything you build now will embarrass you soon. Focus entirely on the skill — the portfolio comes later and reflects the skill, not your current ambition.
Next step: Confirm you have free Figma access, then spend today building your 20-design swipe file. Tomorrow, annotate two of them. Do not open Figma to design until you've found the skeleton.
// FREQUENTLY ASKED QUESTIONS
Do I need any design experience to start?
No — the method is built for complete beginners. You only need Figma's free tier and the willingness to build a swipe file and annotate designs before you attempt any original work. It assumes zero prior knowledge and sequences everything from perception to cloning to flavor to UX flow.
How long before I can design something original?
The method deliberately delays original design until you've trained your eye and cloned several real layouts across Weeks 1-3. You'll produce flavor variations and a UX flow in Week 4. Original portfolio work begins only after the full 28 days, once your taste has started to stabilize.
Why can't I just redesign a site I like?
Because redesigning lets you skip the micro-decisions — card spacing, nav height, button padding — that are the entire point of the exercise. Cloning pixel-for-pixel forces you to confront every one of those decisions, which is how you actually build a design eye rather than just moving elements around.
What free tools do I need?
Figma's free tier is all you need to build and clone designs. For your swipe file, use free sources like Mobbin, Dribbble, Pinterest, or your own screenshots of websites you admire. There's no paid requirement to complete the entire 28-day plan.