• 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
Design system / Optimización de componentes

Optimización de componentes

En esta versión del UX fomo Design system nos dedicamos a optimizar componentes de Figma.

Hemos decidido eliminar los estados skeleton de componentes como Button, IconButton, Chips y otros tantos.

consejos para optimizar componentes de figma
¡Hemos optimizado los componentes! / Foto: Freepik

Entonces, a partir de esta versión, cuando necesitemos crear un flujo o montar un prototipo donde haga falta mostrar cómo funciona un skeleton lo haremos arrastrando al canvas una instancia del componente Skeleton.

Dicha instancia la podremos adaptar al tamaño del componente o patrón que necesitamos mostrar a stakeholders o developers.

Ojo, la herramienta skeleton la seguimos teniendo, pero como un componente.

No perdemos nada, al contrario.

Ganamos ligereza y velocidad a la hora de actualizar los componentes que antes tenían un skeleton como variante.

Aquí debajo tienes el botón para conseguir todos los componentes de Figma optimizados.

Consíguelo en Figma Community

Compartido bajo licencia Creative Commons 4.0

La semana que viene publicaremos más cosas.

Si tienes alguna duda por favor deja tus comentarios.

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.