• 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 / Variante sin bordes

Variante sin bordes

Ya está disponible la versión 3.0 del UX fomo Design system, esta actualización trae una serie de mejoras gracias a una nueva variante sin bordes que hemos creado para el componente IconButton.

variante sin bordes para componentes figma
¡Nueva variante sin bordes!

Le hemos llamado borderless.

Visualmente, es igual que la variante tertiary, pero sin bordes ni stroke.

Diseñamos esta variante para el botón con icono específicamente para integrarlo sin problemas en varios de los componentes que ya tenemos en nuestro sistema de diseño.

Aquí tienes una lista de los assets que ahora incluyen la variante sin bordes:

  • Accordion
  • DropdownButton
  • GuidedTour
  • Modal
  • TextField
  • Textarea
  • TopMenu

A partir de ahora, seguiremos utilizando la variante borderless en otros componentes y patrones que vamos a añadir al design system.

Además, estamos considerando crear una variante sin stroke en otros componentes para mantener la coherencia en el sistema de diseño.

Consíguelo en Figma Community

Compartido bajo licencia Creative Commons 4.0

¿Qué te parece esta nueva variante sin bordes?

¿Tienes alguna sugerencia sobre cómo podríamos mejorarla o en qué otros componentes te gustaría verla aplicada?

Por favor, déjanos 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.