• 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 / Componentes TextField y Textarea actualizados

Componentes TextField y Textarea actualizados

En la versión 3.6 del UX fomo Design system hemos hecho varias mejoras en los componentes TextField y Textarea.

componentes textfield y textarea para figma
Pasos para diseñar los componentes TextField y Textarea en Figma.

Ahora, ambos componentes incluyen una variante de tamaño LG (Large), adaptada para proyectos donde el espacio extra es clave.

Además, solucionamos un pequeño error en el Textarea, específicamente en su variante typing.

¿Qué significa esto para tus diseños?

Con el TextField y Textarea en tamaño LG, puedes ofrecer una experiencia más cómoda en proyectos que requieren inputs más grandes, ideales para dispositivos donde el espacio y la legibilidad son importantes.

Este nuevo tamaño se alinea con otros componentes de nuestro sistema de diseño, como los botones, garantizando consistencia visual.

Además corregimos la variante typing del Textarea, para que el resultado sea más “responsive”. Ahora cuando lo apliques en flujos y prototipos el resultado será mucho más real para el usuario.

Como puedes ver seguimos comprometidos en mejorar los detalles del UX fomo Design system, ofreciendo más flexibilidad y control en tus proyectos de diseño.

Prueba estas nuevas actualizaciones y cuéntanos qué te parecen.

Consíguelo en Figma Community

Compartido bajo licencia Creative Commons 4.0

Pasos para actualizar los componentes

Si quieres actualizar los componentes TextField y Textarea te dejamos el tutorial que publicamos en nuestro canal de YouTube, donde podrás ver todos los pasos y detalles para hacerlo.

Recuerda: publicamos tutoriales de Figma todas las semana.

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.