• Saltar a la navegación principal
  • Saltar al contenido principal

Juanpol

Vibe Coding y diseño UX y UI con IA

  • Vibe coding
  • Product Design
  • Design system
  • Tutoriales de Figma
  • Blog
  • Newsletter
Podcast / Cómo diseñar un botón y su prototipo en Figma

Cómo diseñar un botón y su prototipo en Figma

En el episodio nº 10 de nuestro Podcast de UX y UI vamos a diseñar y prototipar un botón en Figma con todas sus variantes de tamaños y estados.

diseña el botón perfecto en figma
Construye un botón reutilizable para usar en tus proyectos de Figma

Esta es otra clase en la que seguiremos trabajando con uno de los componentes básicos del design system del proyecto UX Fomo.

Crearemos las propiedades label, icono izquierdo e icono derecho y aprendemos a configurarlas para que el botón se vea bien y funcione correctamente en cualquier contexto.

También vamos a crear interacciones entre las distintas variantes que usaremos en los prototipos que vamos durante todo el proyecto para probar y conocer los flujos del usuario.

Por último vamos mejorar la organización de las Variables o tokens de diseño para luego aplicarlas en la estructura y construcción del botón.

Diseñamos el botón principal de nuestro sistema de diseño, Podcast de UX y UI #10

En próximos vídeos aplicaremos la capa de UI, creando nuevos estilos y variantes.

Este tutorial es valioso para estudiantes y profesionales del UX y UI que quieren diseñar un sistema de diseño funcional que responda a las necesidades y expectativas de los usuarios.

Martes y Viernes

  • 20:00 hs de España
  • 15:00 hs de Argentina
  • 14:00 hs de Venezuela
  • 13:00 hs de Colombia
  • 12:00 hs de México

Si no lo puedes seguir en directo no pasa nada, siempre quedan publicados en el canal de YouTube.

Aprende sobre UX/UI + IA, Figma y Product Design

📣 Apúntate a mi newsletter semanal

🔥 Únete a la comunidad UX y UI fácil en Discord

🔴 Suscríbete al canal de YouTube para ver tutoriales

Acerca de Juanpol

Diseñando desde 1993 y todavía aprendiendo. Actualmente como Product Designer en Freepik, aquí comparto mis notas sobre lo que voy probando de UX/UI e IA.

Juanpol

Juanpol

Vibe Coding y diseño UX y UI con IA

  • Acerca de
  • info@juanpol.com
  • LinkedIn
  • GitHub
  • YouTube
  • Discord
  • Telegram
  • X | @juanpol

  • Aviso legal, Privacidad y Cookies

Utilizamos cookies propias y de terceros para fines analíticos y para mostrarte publicidad personalizada o a partir de tus hábitos de navegación. Puedes informarte más sobre ellas en los

Resumen de privacidad

Utilizamos cookies propias y de terceros para fines analíticos y para mostrarte publicidad personalizada o a partir de tus hábitos de navegación. Puedes cambiar la configuración u obtener más información consultando la política de cookies.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies de terceros

Esta web utiliza herramientas de estadística para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

Política de cookies

Más información sobre nuestra política de cookies.