Duration 3 days – 21 hrs
Overview
This beginner-level course introduces participants to Figma, a collaborative interface design tool used for creating wireframes, prototypes, and user interfaces. Through hands-on exercises, learners will understand the fundamentals of digital design, explore Figma’s workspace, and learn how to create simple UI layouts and prototypes for websites or mobile applications.
Objectives
- Understand the basic concepts of UI/UX design.
- Navigate and customize the Figma interface.
- Create and organize design frames, artboards, and layouts.
- Apply basic design principles using shapes, colors, text, and grids.
- Use components and styles for design consistency.
- Build a basic interactive prototype and share designs for collaboration.
Audience
- Beginners in UI/UX design.
- Graphic designers transitioning to digital interface design.
- Web or mobile developers wanting to learn design collaboration.
- Students and professionals interested in learning Figma for design projects.
Prerequisites
- Basic computer literacy.
- No prior experience in UI/UX design or Figma required.
Course Content
Module 1: Introduction to UI/UX and Figma
- What is UI/UX Design
- Overview of Figma and its applications
- Setting up a Figma account and understanding the interface
Module 2: Understanding Frames and Layouts
- Frames, Artboards, and Grids
- Creating and managing pages and layers
- Working with alignment and spacing
Module 3: Basic Design Elements
- Shapes, Text, and Colors
- Using color styles and typography systems
- Applying images and icons
Module 4: Components and Assets
- Understanding Components and Instances
- Reusable assets and styles
- Creating a simple design system
Module 5: Prototyping Basics
- Linking frames for interaction
- Adding transitions and overlays
- Previewing and sharing prototypes
Module 6: Collaboration and Handoff
- Commenting and team collaboration
- Sharing design files
- Inspecting designs for developer handoff
Module 7: Capstone Exercise
- Create a simple landing page or mobile app UI
- Present and review group outputs
