protounisys.com

UI Basics & Figma

Introduction

This course is designed for beginners who want to step into the world of user interface design. You’ll learn the foundational principles of UI design and gain hands-on experience using Figma, one of the most popular design tools in the industry. Whether you aim to become a UI/UX designer or simply want to create beautiful and functional interfaces, this course will help you get started the right way.

What you'll learn

  • Core principles of UI design
  • How to use Figma for interface design
  • Creating wireframes, mockups, and interactive prototypes
  • Typography, layout, colors, spacing, and grids in UI
  • Best practices for designing web and mobile interfaces
  • How to present your design and collaborate with teams

DETAILED COURSE BREAKUP FOR UI BASICS & FIGMA | DURATION 2 MONTHS

Module 1: Introduction to UI Design

Topics Covered >

  • What is UI? How is it different from UX?

  • The role of a UI designer

  • Understanding modern design trends

  • Real-world examples of great UI

Topics Covered >

  • Color theory and color psychology

  • Typography: Types, pairing, and readability

  • Spacing, alignment, grids, and hierarchy

  • Visual consistency and accessibility

Topics Covered >

  • Setting up a Figma account

  • Exploring the Figma interface

  • Tools: Shapes, text, frames, components

  • Layers, pages, and artboards

  • Working with assets and design libraries

Topics Covered >

  • Creating wireframes and low-fidelity mockups

  • Using frames and layout grids

  • Designing buttons, forms, and UI elements

  • Creating reusable components and variants

  • Working with icons and plugins.

Topics Covered >

  • Linking screens for interaction
  • Setting up animations and transitions
  • Previewing and sharing interactive prototypes
  • Creating flows for web and mobile apps

Topics Covered >

  • Designing responsive layouts
  • Exporting assets for development
  • Collaboration with developers and stakeholders
  • Design handoff using Figma
  • Reviewing real-life project examples

Topics Covered >

  • Final UI Design Project (Web or App)
  • Walkthrough of design from sketch to prototype
  • Presenting and explaining your work
  • Tips on building your portfolio and getting feedback

Cancellation policy

Add Your Heading Text Here

  • If you cancel 7 days or more before the course start date, you will receive a 100% refund.
  • If you cancel within 6 days of the course start date, a 20% cancellation fee will be applied.

Cancellation After Course Start:

  • No refund will be provided once the course has started.
  • However, you may be eligible to transfer your seat to the next batch (subject to availability and approval).

No-Show Policy:

  • If you fail to attend the course without prior notice, no refund or transfer will be provided.

Batch Transfers:

  • You may request a one-time batch transfer before the second session, subject to seat availability.

Refund Timeline:

  • All approved refunds will be processed within 7–10 working days to your original payment method.

20,000/-

course fees