Plugin de Figma
Plugin de Checklist Design para revisar diseños en Figma.
Abrir el plugin de Checklist DesignBIBLIOTECA DE DISEÑO
Sistema de diseño
Mantenga los componentes consistentes, fáciles de entender y fáciles de usar.
Continuar la revisión
Listas en curso.
Explorar listas
Elige una plataforma o un tema.
Plataforma de diseño
Establece reglas para texto, color, espaciado, tokens y accesibilidad.
5Sistema de diseño
tipografía
Cree jerarquías de contenido claras en todos los tamaños.
Sistema de diseñoFichas de diseño
Nombrar y gestionar valores compartidos.
Sistema de diseñoAccesibilidad
Asegúrese de que el producto se pueda utilizar de muchas formas de visualización y manipulación.
Sistema de diseñoEspaciado / Cuadrícula
Mantenga el ritmo del diseño constante a medida que cambian el contenido y las pantallas.
Sistema de diseñoSistema de color
Utilice colores que tengan una función clara y mantengan el significado en cada interfaz.
Componentes de la interfaz
Consulta la estructura, variaciones y estado de cada componente.
27Sistema de diseño
acordeón
Contrae el contenido y al mismo tiempo facilita su búsqueda y navegación.
Sistema de diseñopancarta
Coloque la información importante en el contexto adecuado.
Sistema de diseñoBotones de opción
Hace que la selección única sea clara y fácil de operar.
Sistema de diseñoInformación sobre herramientas
Agregue una explicación sin ocultar la información requerida.
Sistema de diseñoDiálogo modal
Mantenga las decisiones enfocadas y las líneas de cierre sean fáciles de encontrar.
Sistema de diseñoCampo de entrada
Ayuda a ingresar correctamente y corregir errores directamente en el campo de información.
Sistema de diseñoBotón
Aclarar acciones y respuestas después de la activación.
Sistema de diseñoAlternar
Cambia de estado sin tener que adivinar el efecto.
Sistema de diseñoCajón
Abra contenido secundario manteniendo el contexto de la pantalla principal.
Sistema de diseñoSelector de fecha
Ayuda a seleccionar fechas sin confundir el formato o el período de tiempo.
Sistema de diseñoMiga de pan
Indica la posición y la ruta de regreso en la estructura del contenido.
Sistema de diseñoAlerta
Informe lo que sucedió y qué pasos son necesarios.
Sistema de diseñoesqueleto
Indica el contenido próximo sin que el diseño salte.
Sistema de diseñocarrusel
Le permite explorar contenido de forma secuencial sin dejar de controlar la ubicación.
Sistema de diseñocontrol deslizante
Ayuda a seleccionar un valor controlado o rango de valores.
Sistema de diseñoBrindis
Comentarios breves después de la acción sin bloquear el trabajo.
Sistema de diseñoPestañas
Cambie entre áreas de contenido en el mismo nivel.
Sistema de diseñoCasilla de verificación
Seleccione varios elementos o habilite una selección independiente.
Sistema de diseñoBarra de búsqueda
Comience su búsqueda con un alcance y una respuesta claros.
Sistema de diseñoCargando
Indica que la tarea está en progreso y cuándo debe procesarse.
Sistema de diseñoIcono
Mantenga el ícono reconocible y significativo en cualquier tamaño.
Sistema de diseñomesa
Presentar datos estructurados para escanear y comparar.
Sistema de diseñotarjeta
Recopile información y acciones en una unidad fácil de escanear.
Sistema de diseñoInsignia
Agregue cantidad o estado sin invadir el contenido principal.
Sistema de diseñoavatar
Muestre identidad y proporcione actualizaciones fotográficas controladas.
Sistema de diseñoMenú desplegable
Lleve las acciones relacionadas a menús fáciles de administrar.
Sistema de diseñopaso a paso
Aumenta o disminuye un número en pasos claros.
No hay listas guardadas
Selecciona «Guardar lista» en la página de detalle.
Las listas guardadas aparecen aquí.
Buscar una lista
Elige una plataforma o un tema.
Aplicaciones de DucDZ
Herramientas de DucDZ.
Correo temporal
Crea una dirección de correo temporal y recibe mensajes.
Abrir aplicaciónLocket
Consulta tu feed y comparte momentos en Locket.
Abrir aplicaciónDescargar vídeos
Descarga vídeo o audio desde enlaces compatibles.
Abrir aplicaciónAnimation
Explora componentes, estilos y movimiento con ejemplos interactivos.
Abrir aplicaciónHerramientas e integraciones
Usa las listas en Figma o con un asistente de IA.
Skill de agente de DucDZ
Listas en vietnamita e inglés para revisar interfaces con IA.
Descargar skill de agenteCómo usarlo
Descomprime el archivo, añade la skill a tu asistente de IA y envía una imagen, URL o código fuente para revisar.
Skill de Figma de DucDZ
Revisa la estructura, los estados y la usabilidad de un frame de Figma.
Descargar skill de FigmaCómo usarlo
Añade la skill a tu asistente de IA y conecta Figma o envía una imagen del frame.
Revisa y guarda el progreso
Marca cada punto revisado.
El progreso se guarda en este navegador.