MongoDB vs Figma — What to Learn First

# MongoDB — basic CRUD with PyMongo

from pymongo import MongoClient

client = MongoClient("mongodb://localhost:27017")
db = client["shop"]
users = db["users"]

# Insert
users.insert_one({
    "name": "Amit",
    "email": "amit@example.com",
    "orders": [{"id": 1, "amount": 1200}]
})

# Query
user = users.find_one({"email": "amit@example.com"})
print(user["name"])

# Update
users.update_one(
    {"email": "amit@example.com"},
    {"$set": {"active": True}}
)

# MongoDB is flexible — schemas can evolve
# as your app grows.

Why MongoDB is popular:
- Flexible document schema
- Works naturally with JavaScript
- Powers the MERN stack (MongoDB, Express, React, Node)
- Scales horizontally (sharding)
- Great for evolving products
- Large ecosystem (Mongoose, Atlas)
- Used by companies like eBay, Adobe, Forbes

Typical Figma workflow:

1. Create a frame (a screen)
2. Design with shapes, text, images
3. Create components (reusable elements)
4. Link frames for interactive prototyping
5. Share for feedback (comments)
6. Hand off to developers (with specs)

What you learn:
- Layout & grid systems
- Typography
- Color & accessibility
- Design systems
- Prototyping
- Collaboration with teams

No code required. Pure visual skill.

Why Figma is popular:
- Free for individuals / small teams
- Browser-based — works anywhere
- Real-time collaboration
- Replaced Sketch as the industry standard
- Excellent for design systems
- Great for prototyping
- Used by almost every product team

Before Figma:
□ None
□ Basic computer literacy
□ (Helpful) visual design sense
□ (Helpful) basic HTML/CSS to understand
   what's buildable

Before MongoDB:
□ JavaScript or Python basics
□ HTTP + REST API basics
□ Backend framework (Node/Express
   or Flask/Django)
□ Basic data modeling

Time to learn (realistic estimates):

Figma:
- Basics: 3–7 days
- Comfortable with components: 2–3 weeks
- Job-ready designer (portfolio): 3–6 months

MongoDB:
- Basics: 1–2 weeks
- Comfortable with Mongoose: 3–4 weeks
- Job-ready backend developer: 4–6 months
  (including backend framework)

Rule of thumb:
Figma is easier to start.
MongoDB only makes sense after programming.

Figma career paths:
□ UI Designer
□ UX Designer
□ Product Designer
□ Interaction Designer
□ Design Systems Designer
□ Figma → Webflow / Framer → No-code dev
□ Freelance designer

MongoDB career paths:
□ Backend Developer
□ Full-stack Developer (MERN)
□ Node.js Developer
□ Database Administrator
□ Software Engineer
□ MongoDB → MERN → DevOps
□ Backend → Data Engineering

Salary ranges in India (2026):

UI/UX Designer (Figma):
- Fresher:    ₹3–6 LPA
- Mid:        ₹6–14 LPA
- Senior:     ₹14–28+ LPA

MongoDB / Backend Developer:
- Fresher:    ₹4–8 LPA
- Mid:        ₹8–15 LPA
- Senior:     ₹15–30+ LPA

Note: Both paths pay well. Backend roles
tend to pay slightly more at senior
levels in India. Design roles have more
freelance / independent options.

Skills tracker:

Figma:
□ Layout + grids
□ Components + variants
□ Auto-layout
□ Prototyping
□ Design systems
□ Handoff for developers
□ Typography + color theory
□ Accessibility basics

MongoDB:
□ Basic CRUD operations
□ Schemas + validation
□ Indexes + performance
□ Mongoose (Node.js ODM)
□ Aggregation pipeline
□ Atlas (cloud)
□ Backup + security basics

Best combination for MERN:
□ JavaScript + Node.js + Express + MongoDB

Best combination for design:
□ Figma + HTML/CSS + basic JavaScript