Nuevo¡Techbolic acaba de lanzar cursos! ¡Échales un vistazo abajo!
Curso de diseño de producto UI/UX con Figma

Curso de diseño de producto UI/UX con Figma

By Techbolic AUGUST 21, 2026 0 students enrolled

Tarifa del curso:

PKR 30,000

PKR 50,00040% OFF

Detalles adicionales:

Nivel

Beginner to Intermediate

Duración

56 days

Calificación

Any Background / Creative Mindset

Plazas disponibles

30

Inscripción al curso

Completa el formulario de registro para reservar tu plaza en Curso de diseño de producto UI/UX con Figma.

Descripción del curso

  • Domina el diseño UI/UX desde la investigación de usuarios hasta interfaces de producción.
  • Domina Figma: Auto Layout, componentes, variantes y prototipos interactivos.
  • Crea sistemas de diseño escalables para web y móvil.
  • Realiza pruebas de usabilidad y entrega especificaciones a desarrolladores.
  • Construye un portafolio profesional en Behance y Dribbble.

¿Qué aprenderás en este curso?

Domina el diseño de producto UI/UX en Figma en un bootcamp intensivo de 8 semanas con prototipos y portafolio.

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

Tarifa del curso:

PKR 30,000

PKR 50,00040% OFF

Detalles adicionales:

Nivel

Beginner to Intermediate

Duración

56 days

Calificación

Any Background / Creative Mindset

Plazas disponibles

30

Inscripción al curso

Completa el formulario de registro para reservar tu plaza en Curso de diseño de producto UI/UX con Figma.

Otros cursos

Curso de desarrollo web Full-Stack Ruby on Rails

Curso de desarrollo web Full-Stack Ruby on Rails

Domina el desarrollo web full-stack con Ruby on Rails 8, Hotwire y PostgreSQL en un bootcamp intensivo de 8 semanas.
view
Curso de desarrollo de aplicaciones móviles Flutter

Curso de desarrollo de aplicaciones móviles Flutter

Domina el desarrollo de aplicaciones móviles con Flutter y Dart en un bootcamp intensivo de 8 semanas con proyectos reales.
view

TechBolic, como proveedor de servicios de clase mundial, utiliza un conocimiento profundo de los estándares de la industria y ofrece productos de valor superior para mejorar la productividad y el crecimiento de las organizaciones en todo el mundo.

Síguenos

Contáctanos

+92 (41) 881-6497

info@techbolic.com

Idiomas

ENESFRDE