Curriculum
Course: Product Design 2025 (Batch B)
Login

Curriculum

Product Design 2025 (Batch B)

Getting Started (Introductory class))

0/3

Design Tools & Setup

0/3

UI Design Principles

0/2

Wireframes & Visual Hierarchy

0/0

UX Fundamentals

0/0

Process and Architecture

0/0

Prototyping & Testing

0/0

Real world Application

0/0

Motion Design Basics

0/0

Advance Animations

0/0

Capstone Project

0/0

Portfolio & Career Launch

0/0
Text lesson

Getting Started with Figma (UI Tools & Frames)

  • What is Figma?

    • Overview and why it’s popular in UI/UX design

    • Key differences from other design tools (Sketch, Adobe XD)

  • Figma Interface Tour

    • The workspace

    • Toolbars and panels

    • Layers, pages, and assets

  • Working with Frames

    • What are Frames in Figma?

    • Creating responsive artboards (desktop, mobile, tablet)

    • Nesting frames for layout control

  • Basic UI Tools

    • Move, Select, and Scale tools

    • Shape tools (Rectangle, Ellipse, Line, etc.)

    • Text tool and text properties

    • Color picker, fills, strokes, and effects

  • Intro to Components and Groups

    • Grouping elements

    • Creating simple reusable components

  • Shortcuts & Workflow Tips

    • Time-saving keyboard shortcuts

    • Best practices for organizing files

 

  • Hands-on Practice

    • Create a basic mobile app screen using frames, text, and shapes