NeuTechbolic hat gerade Kurse gestartet! Schau unten nach.
UI/UX Produktdesign mit Figma Kurs

UI/UX Produktdesign mit Figma Kurs

By Techbolic AUGUST 21, 2026 0 students enrolled

Kursgebühr:

PKR 30,000

PKR 50,00040% OFF

Zusätzliche Details:

Niveau

Beginner to Intermediate

Dauer

56 days

Qualifikation

Any Background / Creative Mindset

Plätze übrig

30

Kursanmeldung

Füllen Sie das Anmeldeformular aus, um sich Ihren Platz in UI/UX Produktdesign mit Figma Kurs zu sichern.

Kursbeschreibung

  • Meistern Sie UI/UX-Design von der Nutzerforschung bis zu einsatzbereiten Schnittstellen.
  • Beherrschen Sie Figma Auto Layout, Komponenten und interaktive Prototypen.
  • Erstellen Sie skalierbare Designsysteme für Web und Mobile.
  • Führen Sie Usability-Tests durch und bereiten Sie Designs für Entwickler vor.
  • Bauen Sie ein professionelles Portfolio auf Behance und Dribbble auf.

Was wirst du in diesem Kurs lernen?

Meistern Sie UI/UX-Produktdesign in Figma in einem 8-wöchigen Bootcamp mit Designsystemen und Portfolioaufbau.

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

Kursgebühr:

PKR 30,000

PKR 50,00040% OFF

Zusätzliche Details:

Niveau

Beginner to Intermediate

Dauer

56 days

Qualifikation

Any Background / Creative Mindset

Plätze übrig

30

Kursanmeldung

Füllen Sie das Anmeldeformular aus, um sich Ihren Platz in UI/UX Produktdesign mit Figma Kurs zu sichern.

Andere Kurse

Full-Stack Ruby on Rails Webentwicklungskurs

Full-Stack Ruby on Rails Webentwicklungskurs

Meistern Sie die Full-Stack-Webentwicklung mit Ruby on Rails 8, Hotwire und PostgreSQL in einem 8-Wochen-Bootcamp.
view
Flutter Mobile App Entwicklungskurs

Flutter Mobile App Entwicklungskurs

Meistern Sie die Entwicklung von Flutter- und Dart-Apps in einem intensiven 8-Wochen-Bootcamp mit praktischen Projekten und Store-Bereitstellung.
view

Als erstklassiger Dienstleister nutzt TechBolic fundierte Kenntnisse der Industriestandards und liefert hochwertige Produkte, um die Produktivität und das Wachstum von Unternehmen auf der ganzen Welt zu steigern.

Folgen Sie uns

Kontaktiere uns

+92 (41) 881-6497

info@techbolic.com

Sprachen

ENESFRDE