UI/UX Design with Figma: Beginner to Job-Ready
A complete beginner-to-job-ready UI/UX track built around Figma. Learners move from design thinking and user research through wireframes, visual design, auto layout, components, design systems, interactive prototypes, usability testing, accessibility, AI-assisted workflows and developer handoff. Each module ends with a small client job, and the capstone turns the work into a portfolio case study for Indian startups, product agencies and freelance clients. Includes a 21-Day Figma Sprint as an accelerated first pathway.
- Duration: 16 weeks
- Modules: 12
- Fee: Rs 19,999
- Field: Design & Creative
Roles this track prepares you for
- UI/UX Designer
- UI Designer
- UX Designer
- Junior Product Designer
- Product Designer
- Interaction Designer
- Visual Designer
- Mobile App Designer
- Web Designer
- UX Researcher
Curriculum
- UI/UX Foundations & Design Thinking - Learn what UI/UX designers do, how digital products are designed end to end, and how to frame a problem and judge an interface using usability principles.
- UI/UX careers, roles and the end-to-end design process
- Design thinking and problem framing: user, need and insight
- Usability principles, heuristics and how people use screens
- Product teardowns and design critique for Indian consumer and work apps
- Figma Fundamentals - Set up Figma and learn its core tools: frames, shapes, grids, text, vectors, colour, effects, styles and clean file organisation for working with a team.
- Figma workspace, plans and interface tour
- Frames, shapes, constraints and layout grids
- Typography tools, vector editing and icon creation
- Colour, effects, styles and images
- File organisation, naming and collaboration
- UX Research & Strategy - Plan and run small, ethical user research, synthesise it into insights, and turn it into personas, journey maps and a clear UX strategy with success metrics.
- Research planning, ethics and competitor analysis
- User interviews, surveys and field observation
- Research synthesis: affinity mapping and insights in FigJam
- User personas, empathy maps and jobs-to-be-done
- Experience maps: from first need to a confirmed booking
- Requirements, success metrics and a one-page UX strategy
- Information Architecture, User Flows & Wireframing - Organise content with sitemaps and navigation, map task flows including errors, and build wireframes from paper sketches to mid-fidelity Figma screens with clear microcopy.
- Information architecture: card sorting, sitemaps and navigation
- User flows, task flows and edge states
- Sketching and low-fidelity wireframes
- Mid-fidelity wireframing in Figma: mobile and web screens
- UX writing and microcopy fundamentals
- Visual Design Foundations - Turn wireframes into polished interfaces using layout, hierarchy, type scales, colour and contrast, icons, core UI patterns, dark mode and basic brand identity.
- Layout, grids, spacing and visual hierarchy
- Typography for interfaces: type scales and Indic scripts
- Colour theory, palettes, contrast and dark mode
- Iconography, imagery and illustration in UI
- Core UI elements and patterns
- Brand identity, mood boards and on-brand assets with Figma Buzz [Beta]
- Auto Layout, Components & Variants - Build interfaces that resize and reuse cleanly: auto layout, components, overrides, variants, component properties and a small reusable UI kit.
- Auto layout mastery: resizing, padding, spacing and wrapping
- Components, instances and overrides
- Variants and component properties
- Building a reusable UI kit: buttons, inputs, cards, navigation and tables
- Responsive frames, constraints and layout patterns for lists, grids and dashboards
- Mobile-First, Responsive & Platform-Specific Design - Design for real devices and platforms: mobile-first thinking, responsive layouts, Material Design 3 and Apple guidelines, and e-commerce, SaaS and Indian-user patterns.
- Mobile-first principles, responsive breakpoints and touch ergonomics
- Material Design 3 and Apple Human Interface Guidelines: platform patterns
- Onboarding, authentication and core mobile flows (OTP, UPI-style payments)
- E-commerce UX and UI: catalog, cart and checkout
- SaaS and dashboard UI: data tables, charts, forms and settings
- Designing for Indian users: multilingual UI, low bandwidth and trust patterns
- Variables, Design Tokens & Design Systems - Build a small design system with Figma variables, modes, tokens, a documented component library and a plan for publishing and team adoption.
- Design system fundamentals: atomic design, governance and when to build one
- Figma variables: colour, number, string and boolean
- Modes and theming: light and dark, density and brand themes [Paid plan]
- Design tokens: primitive, semantic and component naming
- Building a component library: foundations, components and documentation
- Publishing libraries, versioning and team adoption [Paid plan]
- Interactive Prototyping & Motion - Bring screens to life with clickable flows, Smart Animate, interactive components, variables with conditional logic, and basic timeline animation.
- Prototyping fundamentals: flows, triggers, overlays and navigation
- Smart Animate, micro-interactions and motion principles
- Interactive components and stateful UI
- Prototyping with variables and conditional logic [Paid plan]
- Figma Motion: timeline animation basics [Beta]
- Usability Testing & Accessibility - Test designs with real users using Maze, read behaviour data from Hotjar or Microsoft Clarity, prioritise findings, and fix accessibility issues against WCAG 2.2.
- Planning usability tests: goals, tasks, participants and scripts
- Unmoderated testing with Maze
- Behaviour analytics with Hotjar and Microsoft Clarity
- Analysing findings, prioritising issues and iterating
- WCAG 2.2 essentials for interface designers
- Accessible design in Figma: contrast, focus, touch targets and annotations
- AI-Assisted Design & Developer Handoff - Use AI responsibly in research and design, work with Figma's AI tools and Figma Make, design AI-powered product screens, and hand designs to developers with Dev Mode and clear specs.
- AI for research and ideation: capabilities, limits and responsible use
- Figma AI tools, Figma agent and Weave image tools [Beta · Paid plan]
- Prompt-to-prototype with Figma Make [Paid plan]
- Designing AI-powered experiences: chat, copilot and generative UI patterns
- Dev Mode and handoff: specs, assets, annotations and ready-for-dev [Paid plan]
- Design-to-code collaboration: tokens, Code Connect, code layers, Figma MCP and agile workflows
- Capstone, Portfolio & Career Launch - Complete one end-to-end product case study from research to handoff, publish it as a portfolio, and prepare for interviews, job search and freelance work in India.
- Capstone Studio I: scoping, research, IA and wireframes
- Capstone Studio II: visual design, design system and prototype
- Capstone Studio III: usability testing, accessibility review and handoff
- Case study storytelling and portfolio site build (Figma Sites [Beta], Behance)
- Resume, LinkedIn, job search and design interviews for Indian UI/UX roles
- Freelancing, agencies and a career growth roadmap
Frequently asked questions
How long is the UI/UX Design with Figma: Beginner to Job-Ready course?
It runs for 16 weeks, with 12 modules. It is self-paced online learning from EasySkill Career Academy, Surat.
How much does the UI/UX Design with Figma: Beginner to Job-Ready course cost?
The fee is Rs 19,999.
What will I build in UI/UX Design with Figma: Beginner to Job-Ready?
Every module ends in a graded practical task that AI checks in about 30 seconds, so you finish with a portfolio you can show to employers or clients.
Which roles does UI/UX Design with Figma: Beginner to Job-Ready prepare me for?
It prepares you to apply for roles such as UI/UX Designer, UI Designer, UX Designer, Junior Product Designer, Product Designer. It does not guarantee a job or income.
Can I learn online, or do I have to visit a centre?
You can learn fully online. EasySkill also has centres in Adajan, Vesu and Bhestan, Surat, if you prefer to visit.
All career tracks