NEX STUDIO

Exams are here so won't post for 2 weeks 🙌

So week 4 is here last week was not so great i'm revising what i have been learning so far but for week 4 👇 #Week4 — Design Systems & Style Consistency 🎨 This week’s all about building reusable design systems that make your work faster, cleaner, and more professional. Focus areas: Create text & color styles Build a mini design system (buttons, inputs, cards) Keep everything consistent using Auto Layout Goal: Design a simple dashboard UI using my own  design system.

“Design once. Reuse forever.” 💪

I saw a viral page on X and tried to recreate it. It’s not the best (’cause I was lazy 😅), but I learned a lot from it! How much would you rate it? 😁

▓▓▓░░░░░░░░░░░░░ ፲፬% (14%)

Time is the only currency we have,but we never know the balance. Spend it wisely.

The complete guide to choosing colors 1,choosing dominant color 2,Add two more color Ex(black = dominant , white = supplementary ,gray= accent) 3,Apply the 60/30/10 rule

Things are getting spicy

#Week 3 Components & Design Systems Goal: Learn to design efficiently with reusable, scalable elements.   What I’ll Learn 1. Components:     Turn buttons, input fields, and nav bars into components.     Edit once, update everywhere — saves huge time. 2. Variants:    Create multiple states (e.g., default / hover / pressed / disabled).     Practice for both buttons and form inputs. 3. Design Tokens (Styles):     Set color styles, typography styles, and effects.     Learn to build consistency like real design systems (Material UI, Apple Human Interface Guidelines). 4. Design System Structure:     One page for: Colors / Typography / Components / Icons / Spacing.     Keep naming clear (e.g., Button/Primary/Default). Daily Plan Day 1: Learn  “Figma Components & Variants” Practice: Make a reusable button set (primary, secondary) Day 2: Create a typography system (H1, H2, Body, Caption). Assign consistent font sizes, line heights, and colors. Day 3: Build color styles for backgrounds, text, accents, and states. Learn about accessibility → use contrast checker (plugin: Contrast). Day 4: Combine components into a form system (input + button + error text). Add hover / focus variants. Day 5: Create a small UI kit: buttons, inputs, nav bar, cards. Use Auto Layout + variants for everything. Day 6–7: Mini Project: Design a “Login + Signup” page using only your components. Test: If i can update colors or fonts in your design system and see everything change automatically — i did it right. Plugins to Try Autoflow – connect components visually Contrast – check color accessibilitBatch Styler” – quickly adjust styles Design System Organizer – manage large systems End-of-Week Goal Have a small but polished design system file that includes: Colors Typography Buttons Inputs ,nav bar ,example ui screens .

All these views but 11 subs 😭

# week 2 It’s been a packed week of classes, but I still managed to push through. This week, I tried designing a portfolio  built it brick by brick all by myself, no AI stuff. I know it’s not perfect, so any comments or suggestions would be really helpful!

🤷‍♂

Figma auto layout feature is very helpfull 🫡

# Week 2: This week’s been tough — I barely had time to learn Figma since I had classes all day 😭. Still, I’m pushing through and doing my best!

# Week 2 Tasks Goal: Master Layout, Color, and Typography Focus areas for this week: 1. Learn Auto Layout and Grids in Figma. 2. Study Color Theory basics (hue, saturation, contrast, and balance). 3. Learn Typography basics (font pairing, size hierarchy, and readability). 4. Practice building a clean landing page (for a personal or fictional brand). Mini Project idea : Design a “Coming Soon” or “Portfolio” . Let's go ⚡

#Week 1 is done and i tried to recreate instagram login page took me one day to do this lmao😭 give me your thoughts

Sharing progress publicly or to an accountability group raises completion rates from around 35% to as high as 95% depending on frequency of updates.

Source: American Society of Training and Development (ASTD) research on accountability partnerships.

Credit to @selfmadecoder

This is week 1 of learning figma list of things am learning this week 🎥 Watch: “Figma for Beginners” (official Figma YouTube, free) ✍️ Practice: Create frames, shapes, text, and color styles Learn how layers & groups work Experiment with alignment, spacing, and grids 📘 Learn keyboard shortcuts — speed matters later Finally recreate a simple app screen like insta login page

Hello