NouveauTechbolic vient de lancer des cours ! Consultez ci-dessous.
Cours de conception de produits UI/UX avec Figma

Cours de conception de produits UI/UX avec Figma

By Techbolic AUGUST 21, 2026 0 students enrolled

Frais du cours:

PKR 30,000

PKR 50,00040% OFF

Détails supplémentaires:

Niveau

Beginner to Intermediate

Durée

56 days

Qualification

Any Background / Creative Mindset

Places restantes

30

Inscription au cours

Complétez le formulaire d'inscription ci-dessous pour réserver votre place dans Cours de conception de produits UI/UX avec Figma.

Description du cours

  • Maîtrisez la conception UI/UX de la recherche utilisateur aux interfaces prêtes pour la production.
  • Maîtrisez Figma : Auto Layout, composants, variantes et prototypes interactifs.
  • Créez des systèmes de conception évolutifs pour le Web et le mobile.
  • Réalisez des tests d'utilisabilité et préparez les spécifications pour les développeurs.
  • Construisez un portfolio professionnel sur Behance et Dribbble.

Qu'allez-vous apprendre dans ce cours ?

Maîtrisez le design de produits UI/UX dans Figma dans un bootcamp intensif de 8 semaines.

Figma Mastery: Core Tools & Layout Architecture

1 Weeks 12 Hours 2 Lectures
  • Figma canvas navigation, frames, sections, and artboards
  • Vector networks, boolean operations, masks, and pen tool mastery
  • Setting up responsive 8pt / 4pt grid systems for Web and Mobile
  • Mastering Auto Layout directions, padding, gap, and alignment
  • Resizing modes: Hug Contents, Fill Container, and Fixed dimensions
  • Building flexible cards, navigation bars, and complex dynamic layouts

Visual Design, Typography & Color Systems

1 Weeks 12 Hours 2 Lectures
  • Selecting and pairing modern typefaces for digital screens
  • Modular type scales, line heights, letter spacing, and contrast
  • Creating reusable text styles in Figma
  • Primary, secondary, neutral, and semantic feedback color palettes
  • Accessibility standards (WCAG 2.1 AA/AAA compliance) and color contrast
  • Designing Dark Mode color schemes and variable styles

Building Scalable Design Systems in Figma

1 Weeks 12 Hours 2 Lectures
  • Creating master components and reusable component instances
  • Component properties: Boolean toggles, Instance swap, and Text properties
  • Building complex variants for buttons, inputs, modals, and tabs
  • Implementing Design Tokens for colors, spacing, radius, and modes
  • Figma Variables for light/dark mode switching and dynamic string values
  • Publishing and maintaining shared Figma Team Libraries

Advanced Interactive Prototyping & Micro-interactions

1 Weeks 12 Hours 2 Lectures
  • Connecting frames with triggers: On Click, On Hover, While Dragging, After Delay
  • Mastering Smart Animate transitions, easing curves, and duration
  • Building animated dropdowns, sidebars, swipe cards, and bottom sheets
  • Component-level states: Hover, Active, Focus, Disabled, Loading
  • Conditional prototyping logic using Figma Variables and Expressions
  • Recording video previews and presentations of interactive flows

UX Foundations, Design Thinking & Research

1 Weeks 12 Hours 2 Lectures
  • The role of a UI/UX designer and the 5 stages of Design Thinking
  • Understanding user-centered design and business goals
  • Competitive analysis, problem statements, and heuristic evaluations
  • Conducting qualitative and quantitative user interviews and surveys
  • Creating detailed User Personas and Empathy Maps
  • Mapping User Journey Maps and identifying pain points

Capstone Real-World Product Design Project

1 Weeks 12 Hours 2 Lectures
  • Applying iOS Human Interface Guidelines and Material 3 design patterns
  • Designing full onboarding, dashboard, transaction, and profile flows
  • Designing responsive desktop Web counterpart dashboards
  • Running usability testing sessions with prototype links
  • Collecting qualitative feedback and identifying usability friction points
  • Iterating designs based on user insights and quantitative metrics

Information Architecture & Wireframing

1 Weeks 12 Hours 2 Lectures
  • Site mapping, content hierarchy, and navigation structures
  • Card sorting techniques for intuitive taxonomy
  • Designing step-by-step user flows and task flows in Figma
  • Paper sketching and rapid wireframe ideation
  • Translating concepts into structured mid-fidelity digital wireframes
  • Validating structure and hierarchy before visual styling

Developer Handoff & Standout Portfolio Creation

1 Weeks 12 Hours 2 Lectures
  • Figma Dev Mode, CSS/Swift/Flutter code inspection, and asset exporting
  • Redlining design specs, spacing rules, and edge cases for engineers
  • Collaborating with engineering teams using Jira, Linear, and Loom
  • Structuring storytelling UX case studies: Problem, Research, Solution, Impact
  • Creating stunning 3D mockups and presentation slides
  • Crafting a standout portfolio to secure freelance clients and design roles

Frais du cours:

PKR 30,000

PKR 50,00040% OFF

Détails supplémentaires:

Niveau

Beginner to Intermediate

Durée

56 days

Qualification

Any Background / Creative Mindset

Places restantes

30

Inscription au cours

Complétez le formulaire d'inscription ci-dessous pour réserver votre place dans Cours de conception de produits UI/UX avec Figma.

Autres cours

Cours de développement Web Full-Stack Ruby on Rails

Cours de développement Web Full-Stack Ruby on Rails

Maîtrisez le développement web full-stack avec Ruby on Rails 8 et Hotwire dans un bootcamp de 8 semaines.
view
Cours de développement d'applications mobiles Flutter

Cours de développement d'applications mobiles Flutter

Maîtrisez le développement d'applications mobiles Flutter et Dart dans un bootcamp intensif de 8 semaines.
view

TechBolic, en tant que fournisseur de services de classe mondiale, utilise une connaissance approfondie des normes de l'industrie et propose des produits de qualité supérieure, pour améliorer la productivité et la croissance des organisations du monde entier.

Suivez-nous

Contactez-nous

+92 (41) 881-6497

info@techbolic.com

Langues

ENESFRDE