Panel lateralDrawer
Un panel lateral se desliza desde un borde de la pantalla. Parte de la página detrás suyo sigue visible.
Encuentra la palabra.
Haz realidad la idea.
Describe la interfaz o el flujo que imaginas pero no sabes cómo llamar. Vibulary encuentra el término correcto, muestra un ejemplo visual y lo convierte en una petición clara para construirlo.
Usa tus propias palabras. Observamos qué es, qué hace y cuándo lo necesitas.¿No está seguro de cómo preguntar? Pruebe
MCP · Connect to your AI559guías10temas10idiomas128demostraciones en vivo
Míralo. Ponle nombre.Prueba la interfaz
Drawer.
Un panel que se desliza desde un lado.
De una sensación a una idea concreta.Atlas
Aprende las palabras que necesitas para construir una idea.
Mostramos de dónde proviene cada término. Los estándares, guías oficiales y palabras comunes de la industria tienen etiquetas diferentes.
BotónButton
Un botón es un control que presionas para que algo ocurra en la pantalla actual.
Diálogo modalModal Dialog
Un diálogo modal es una ventana enfocada. Bloquea la pantalla actual hasta que alguien la cierra o termina.
Hoja inferiorBottom Sheet
Un bottom sheet es un panel fácil de usar en pantallas táctiles. Sube desde abajo y puede detenerse en alturas fijas.
Paleta de comandosCommand Palette
Una paleta de comandos es un panel de búsqueda pensado para el teclado. Abre acciones, páginas y elementos recientes.
GlassmorfismoGlassmorphism
El glassmorfismo es un estilo visual con superficies claras en capas. Utiliza desenfoque, bordes claros y una pequeña sensación de profundidad.
Animación de resorteSpring Animation
La animación de resorte sigue un modelo físico. La rigidez, amortiguación, masa y velocidad inicial controlan cómo se mueve.
Design TokenDesign Token
Un Design Token le da nombre a una decisión de diseño. Por ejemplo: un color, un espacio, una fuente o la velocidad de una animación.
AccesibilidadAccessibility
La accesibilidad ayuda a las personas con diferentes habilidades a entender y usar un producto.
Objetivo del productoProduct Goal
Un Product Goal indica el resultado útil que un producto debe crear para los usuarios o el negocio.
Generación Aumentada por RecuperaciónRetrieval-Augmented Generation
Generación Aumentada por Recuperación, o RAG, encuentra evidencia externa en tiempo de ejecución. Da esa evidencia a un modelo antes de redactar.
API y EndpointAPI & Endpoint
Un API es un conjunto de reglas para que dos programas hablen. Un endpoint es una sola dirección y una sola operación dentro de ese API.
CSS GridCSS Grid
CSS Grid es un sistema de diseño para filas y columnas juntas. Puede fijar áreas o cambiarlas según el espacio.
Validación del formularioForm Validation
La validación del formulario utiliza reglas y mensajes para encontrar, prevenir y explicar respuestas faltantes o incorrectas.
Notificación breveToast
Un toast es un mensaje corto de estado. No bloquea la página y suele desaparecer solo.
Git, Repositorio, Rama y Commit — Paquete de AprendizajeGit, Repository, Branch & Commit — Learning Bundle
Este paquete de aprendizaje conecta cuatro ideas de Git. Git es el sistema de control de versiones. Un repositorio almacena sus objetos y referencias. Una rama nombra una línea de trabajo. Un commit registra un estado del proyecto con metadatos. El paquete no es un término de Git.
Movimiento reducidoReduced Motion
Movimiento reducido es una configuración de accesibilidad y modo de diseño. Elimina o simplifica los movimientos que las personas no necesitan.
Declaración del problemaProblem Statement
Una Declaración de Problema dice quién tiene un problema, cuándo ocurre y por qué importa resolverlo.
Elige el patrón que se ajuste al trabajo.
Dos patrones pueden parecerse pero realizar diferentes tareas. Estas reglas cortas te ayudan a elegir.
↯↗
Botón · Link
Un botón cambia algo aquí. Un enlace te lleva a otro lado.
□▯▱
Diálogo modal · Panel lateral · Hoja inferior
Usa un diálogo para una decisión, un cajón para trabajos secundarios y una hoja inferior para pocas acciones en una pantalla pequeña.
▤◌
Skeleton · Spinner
Un skeleton muestra la forma del contenido que está cargando. Un spinner solo muestra que la app está ocupada.
☑◉⊙
Checkbox · Switch · Radio Group
Las casillas pueden elegir muchos elementos. Un interruptor cambia un ajuste al instante. Los botones de radio eligen solo un elemento.
¿Puedes nombrar el patrón de UI?
Lea la situación, luego elija el término más claro. No hay preguntas capciosas.
Puntuación 0 / 2
Situación · 1/2
Cuando presionas “Guardar borrador,” el sitio guarda tus cambios y te dice si funcionó.
Convertir palabras de la interfaz en una solicitud de construcción clara.
Escribe lo que necesitas. Luego elige lo que hace la interfaz, cómo se ve y cómo se mueve. Lo convertimos en una solicitud que puedes copiar.
Di quién necesita esto, qué está pasando y qué debería pasar a continuación.
VIBULARY / SOLICITUD● ● ●
Di quién necesita esto, qué está pasando y qué debería pasar a continuación.Di quién necesita esto, qué está pasando y qué debería pasar a continuación.
V.✦
Palabras claras, ejemplos útiles.
Cada guía empieza con un significado sencillo y un ejemplo claro. Los nombres técnicos aparecen solo si te ayudan a crearlo.