Toasts, Snackbars y Alerts son componentes fundamentales dentro del vocabulario de comunicación de un sistema de diseño. Juntos, forman un conjunto de mecanismos estandarizados que una interfaz utiliza para presentar información al usuario. Cada uno de estos elementos se distingue…
Etiqueta: Arquitectura de información
Cómo organizar un sistema de diseño en Figma
La organización en Figma es crucial para la escalabilidad, mantenibilidad y adopción de un sistema de diseño. Figma ofrece mucha flexibilidad, lo que es bueno, pero también significa que hay varias maneras de estructurar un sistema. Figma, con su creciente…
Organizar y definir Tokens en un sistema de diseño
Los tokens de diseño son valores que definen los atributos visuales de los elementos de la interfaz de usuario, como colores, tipografías, espaciados, etc. Organizar y definir tokens de manera efectiva es crucial para mantener la consistencia y escalabilidad de…
Claves para diseñar una galería de imágenes de producto
Diseñar una buena galería de imágenes de producto ayuda a crear un escaparate virtual donde se muestran fotos detalladas de un producto desde distintos ángulos. Sirve para que los clientes puedan visualizar el producto antes de comprarlo, generar confianza y…
Diseñando barras de progreso (Progress bar)
En el diseño de interfaces digitales, la barra de progreso, también conocida como progress bar, juega un papel fundamental para comunicar el avance de un proceso o tarea al usuario. Su objetivo principal es brindar información visual sobre el estado…
Diseño de Inputs para introducir números
Diseñar un input para introducir valores numéricos puede ser realmente complicado si pensamos en la usabilidad, la experiencia de usuario y la interacción. Cuando diseñamos formularios, en ocasiones, para dispositivos móviles el espacio limitado en la pantalla y el coste…
Buenas prácticas para diseñar Tabs
Una tab es un elemento o componente de interfaz que permite a los usuarios alternar entre diferentes secciones de contenido. Las tabs son una forma eficaz de organizar el contenido de una página web o aplicación y de facilitar a…
Buenas prácticas para el diseño de Footer
El footer de una página web es una sección que se encuentra en la parte inferior de la página y que suele contener información de contacto, enlaces a otras páginas del sitio web, información legal y otros datos relevantes para…
Tooltip y Popover. Cómo y cuándo usarlos
Los componentes, Tooltip y Popover, pueden ser parecidos pero en realidad los diferencian ciertos elementos del propio componente y su contexto de uso. Su diseño, en cuanto a aspecto visual, puede ser similar pero tanto su interacción como la forma…
Los mejores Plugins de Figma para diseñadores
Figma es una herramienta que permite a diseñadores de producto, diseñadores UX y de UI, generar interfaces, prototipos y especificaciones técnicas en la ideación y creación de productos digitales. En esta entrada, se recopila un listado de los mejores plugins…