Guía del usuario Cancelar

Acceder a kits de diseño de interfaz de usuario

  1. Guía del usuario de Adobe XD
  2. Introducción
    1. Novedades de Adobe XD
    2. Preguntas habituales
    3. Diseñar, crear prototipos y compartir con Adobe XD
    4. Gestión de color
    5. Requisitos del sistema
      1. Requisitos de hardware y software
      2. Adobe XD, Big Sur y Apple Silicon | macOS 11
    6. Conceptos básicos del espacio de trabajo
    7. Cambiar el idioma de la aplicación en Adobe XD
    8. Acceder a kits de diseño de interfaz de usuario
    9. Accesibilidad en Adobe XD
    10. Métodos abreviados de teclado
    11. Consejos y trucos
  3. Diseño
    1. Mesas de trabajo, guías y capas
      1. Empezar a usar mesas de trabajo
      2. Usar guías y cuadrículas
      3. Crear mesas de trabajo con desplazamiento
      4. Trabajar con capas
      5. Crear grupos de desplazamiento
    2. Formas, objetos y trazados
      1. Seleccionar, redimensionar y rotar objetos
      2. Mover, alinear, distribuir y organizar objetos
      3. Agrupar, bloquear, duplicar, copiar y voltear objetos
      4. Establecer el trazo, el relleno y las sombras paralelas de objetos
      5. Crear elementos repetidos
      6. Crear diseños en perspectiva con transformaciones 3D
      7. Editar objetos utilizando operaciones booleanas
    3. Texto y fuentes
      1. Trabajar con herramientas de dibujo y texto
      2. Fuentes en Adobe XD
    4. Componentes y estados
      1. Trabajar con componentes
      2. Trabajar con componentes anidados
      3. Añadir varios estados a componentes
    5. Máscaras y efectos
      1. Crear una máscara con formas
      2. Usar efectos de desenfoque
      3. Crear y modificar degradados
      4. Aplicar efectos de mezclas
    6. Maquetación
      1. Redimensionado interactivo y restricciones
      2. Establecer relleno fijo para componentes y grupos
      3. Crear diseños dinámicos con pilas
    7. Vídeos y animaciones de Lottie
      1. Cómo usar los vídeos
      2. Crear prototipos mediante vídeos
      3. Usar animaciones de Lottie
  4. Prototipo
    1. Crear prototipos interactivos
    2. Animar prototipos
    3. Propiedades de objetos compatibles con la animación automática
    4. Crear prototipos con teclado y mando de juego
    5. Crear prototipos utilizando comandos de voz y reproducción
    6. Crear transiciones temporizadas
    7. Añadir superposiciones
    8. Diseñar prototipos de voz
    9. Crear vínculos de anclaje
    10. Crear hipervínculos
    11. Previsualizar diseños y prototipos
  5. Compartir, exportar y revisar
    1. Compartir mesas de trabajo seleccionadas
    2. Compartir diseños y prototipos
    3. Establecer permisos de acceso de vínculos
    4. Usar prototipos
    5. Revisar prototipos
    6. Trabajar con especificaciones de diseño
    7. Compartir especificaciones de diseño
    8. Inspeccionar especificaciones de diseño
    9. Controles de las especificaciones de diseño
    10. Revisar y comentar especificaciones de diseño
    11. Exportar activos de diseño
    12. Exportar y descargar activos de especificaciones de diseño
    13. Grupos compartidos para empresas
    14. Hacer copias de seguridad de recursos de XD o transferirlos
  6. Sistemas de diseño
    1. Sistemas de diseño con Bibliotecas Creative Cloud
    2. Trabajar con activos de documentos en Adobe XD
    3. Trabajar con Bibliotecas Creative Cloud en Adobe XD
    4. Migrar activos vinculados a Bibliotecas Creative Cloud
    5. Trabajar con tokens de diseño 
    6. Usar activos de Bibliotecas Creative Cloud
  7. Documentos en la nube
    1. Documentos en la nube en Adobe XD
    2. Colaborar y coeditar diseños
    3. Coeditar documentos que compartan con usted
  8. Integraciones y complementos
    1. Trabajar con activos externos
    2. Trabajar con activos de diseño de Photoshop
    3. Copiar y pegar activos desde Photoshop
    4. Importar o abrir diseños de Photoshop
    5. Usar activos de Illustrator en Adobe XD
    6. Abrir o importar diseños de Illustrator
    7. Copiar vectores de Illustrator en XD
    8. Complementos para Adobe XD
    9. Crear y administrar complementos
    10. Integración de Jira para XD
    11. Complemento Slack para XD
    12. Complemento Zoom para XD
    13. Publicar diseño de XD en Behance
  9. XD para iOS y Android
    1. Vista previa en dispositivos móviles
    2. Preguntas frecuentes de Adobe XD para dispositivos móviles
  10. Solución de problemas
    1. Problemas conocidos y resueltos
      1. Problemas conocidos
      2. Problemas resueltos
    2. Instalación y actualizaciones
      1. XD aparece como incompatible en Windows
      2. Código de error 191
      3. Código de error 183
      4. Problemas al instalar complementos de XD
      5.  Solicitud para desinstalar y volver a instalar XD en Windows 10
      6. Problemas con la migración de preferencias
    3. Inicio y cierre inesperado
      1.  XD se cierra al iniciar la aplicación en Windows 10
      2.  XD se cierra al cerrar sesión en Creative Cloud
      3. Problema con el estado de suscripción en Windows
      4. Aviso de aplicación bloqueada al iniciar XD en Windows
      5. Generación de volcados de fallos en Windows
      6. Recopilación y uso compartido de registros de errores
    4. Documentos en la nube y bibliotecas Creative Cloud
      1. Problemas con documentos en la nube de XD
      2. Problemas con componentes vinculados
      3. Problemas con bibliotecas y enlaces
    5. Crear prototipos, publicar y revisar
      1. No se pueden grabar interacciones de prototipos en macOS Catalina
      2. Problemas con flujos de trabajo de publicación
      3. Los vínculos publicados no aparecen en los navegadores
      4. Los prototipos no se renderizan correctamente en los navegadores.
      5. El panel de comentarios aparece repentinamente en los vínculos compartidos
      6. No es posible publicar bibliotecas
    6. Importar, exportar y usar otras aplicaciones
      1. Importar y exportar en XD
      2. Archivos de Photoshop en XD
      3. Archivos de Illustrator en XD
      4. Exportar a After Effects desde XD
      5. Archivos de Sketch en XD
      6. Aplicaciones de terceros que no aparecen en Exportar

Descubra cómo acceder a los kits de interfaz de usuario, los plug-ins y las integraciones de aplicaciones en XD.

Adobe XD proporciona vínculos a los kits de interfaz de usuario para Apple iOS, Material Google, Microsoft Windows y mallas metálicas. Estos kits de interfaz de usuario contienen elementos gráficos nativos del sistema operativo. Por ejemplo, si está diseñando una aplicación para iOS, puede comenzar directamente con las pantallas disponibles del kit Apple iOS. XD también facilita acceso a kits de recursos útiles, como Designer Marketplace o los kits de interfaz de usuario de Dashboard.

XD ofrece varios kits de interfaz de usuario que los diseñadores pueden usar como punto de partida para sus productos de diseño. 

Para acceder a los kits de interfaz de usuario, vaya a Archivo > Obtener kits de IU.

Acceder a kits de interfaz de usuario
Acceder a kits de interfaz de usuario

Hemos incorporado algunos kits de interfaz de usuario hechos a medida para que los descargue. Puede descargarlos y personalizarlos según sus necesidades. Estos kits de acceso de interfaz de usuario pueden ahorrarles tiempo y esfuerzo a los diseñadores en el proceso de diseño y permiten respetar la coherencia y cumplir con la guía de diseño definida. 

AEM: allport (Intranet)

Reimagine la comunicación con los empleados. Ponga en marcha su proyecto de intranet de Adobe Experience Manager y agilice sus flujos de trabajo en XD y AEM.

Vínculos de anclaje

Utilice este kit y gaste menos tiempo. Tiene disponibles varias muestras de diseños web de una sola página, todos conectadas mediante vínculos de anclaje, estados de punteros y elementos fijos.

AEM: Sooth (comercio electrónico)

Cree soluciones de comercio electrónico intuitivas. Acelere su proyecto de comercio electrónico de Adobe Experience Manager y agilice sus flujos de trabajo en XD y AEM.

AEM: WKND

Cree un nuevo sitio utilizando solo componentes principales de Adobe Experience Manager.

Vault

Elija entre 20 pantallas personalizables, especificaciones de diseño y un prototipo completo.

BFSI

Agilice el desarrollo de los diseños de su sitio de Adobe Experience Manager orientado a servicios financieros.

Gráficas animadas

Cree gráficas con animaciones para generar interacciones con varias mesas de trabajo y estados de componentes.

Sistemas de diseño: Semantic

Cree su propio sistema de diseño personalizado con un kit inspirado en la interfaz de usuario de Semantic.

Boomerang (aplicaciones móviles)

Diseñe una aplicación móvil para enviar mensajes y compartir fotos y vídeos con amigos cercanos.

Estados de componentes

Descubra cómo puede usar los estados de componentes en XD para crear botones, botones deslizantes, secuencias de carga, etc.

Dashboard

Haga más sencillo el análisis y la visualización de datos mediante gráficas, iconos, componentes y diseños personalizables.

Animación automática

Cree animaciones de elementos en las mesas de trabajo con herramientas para crear microinteracciones, efectos de arrastre y mucho más.

Mallas metálicas

Utilice estos completos kits de UX de malla metálica para crear entornos web y móviles exclusivamente para XD.

Comercio electrónico

Cree una plataforma de comercio electrónico con más de 40 componentes personalizables en mesas de trabajo distribuidos totalmente en capas.

Sistema de diseño para servicios financieros

Agilice los procesos de creatividad de su sistema de diseño para crear soluciones de servicios financieros.

Presentaciones

Cree y personalice texto e imágenes con los 16 diseños de diapositivas animadas y dinámicas de esta plantilla de Adobe XD.

Urgym (marketing)

Úselo para preparar los recursos de la campaña del próximo lanzamiento de su producto con páginas de destino, plantillas de correo electrónico y gráficos para redes sociales.

Reloj inteligente

Diseñe una aplicación de reloj inteligente con más de 60 pantallas, más de 20 componentes, más de 30 iconos y 6 flujos de prototipo, todo personalizable para iOS.

watchOS

Diseñe y cree prototipos de aplicaciones para Apple Watch con un kit que incluye varios materiales de interfaz de usuario, como botones e iconos para watchOS 5.

Diseño de marketing digital

Cree gráficos de marketing para plataformas de redes sociales y banners de anuncios digitales basados en las últimas especificaciones.

Altura (comercio electrónico)

Diseñe un sitio web de comercio electrónico orientado a la venta de muebles con recursos, componentes y diseños prediseñados para explotar su creatividad.

Mallas metálicas: Dibujo a mano

Imite bocetos con mallas metálicas dibujadas a mano en XD para dispositivos móviles y entornos web.


recursos relacionados

Ahora que sabe cómo acceder a los kits de interfaz de usuario, dé un paso adelante y obtenga información sobre Conceptos básicos del espacio de trabajoplug-ins en XD y cómo Comenzar el diseño con kits de interfaz de usuario.

Póngase en contacto con nosotros

¿Tiene alguna pregunta o idea para compartir? Entre y participe en la Comunidad de Adobe XD. Nos gustaría que nos dejara sus comentarios y ver sus creaciones

 Adobe

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?