Última actualización el
7 jun. 2023
- Guía del usuario de Adobe XD
- Introducción
- Novedades de Adobe XD
- Preguntas habituales
- Diseñar, crear prototipos y compartir con Adobe XD
- Gestión de color
- Requisitos del sistema
- Conceptos básicos del espacio de trabajo
- Cambiar el idioma de la aplicación en Adobe XD
- Acceder a kits de diseño de interfaz de usuario
- Accesibilidad en Adobe XD
- Métodos abreviados de teclado
- Consejos y trucos
- Diseño
- Mesas de trabajo, guías y capas
- Formas, objetos y trazados
- Seleccionar, redimensionar y rotar objetos
- Mover, alinear, distribuir y organizar objetos
- Agrupar, bloquear, duplicar, copiar y voltear objetos
- Establecer el trazo, el relleno y las sombras paralelas de objetos
- Crear elementos repetidos
- Crear diseños en perspectiva con transformaciones 3D
- Editar objetos utilizando operaciones booleanas
- Texto y fuentes
- Componentes y estados
- Máscaras y efectos
- Maquetación
- Vídeos y animaciones de Lottie
- Prototipo
- Crear prototipos interactivos
- Animar prototipos
- Propiedades de objetos compatibles con la animación automática
- Crear prototipos con teclado y mando de juego
- Crear prototipos utilizando comandos de voz y reproducción
- Crear transiciones temporizadas
- Añadir superposiciones
- Diseñar prototipos de voz
- Crear vínculos de anclaje
- Crear hipervínculos
- Previsualizar diseños y prototipos
- Compartir, exportar y revisar
- Compartir mesas de trabajo seleccionadas
- Compartir diseños y prototipos
- Establecer permisos de acceso de vínculos
- Usar prototipos
- Revisar prototipos
- Trabajar con especificaciones de diseño
- Compartir especificaciones de diseño
- Inspeccionar especificaciones de diseño
- Controles de las especificaciones de diseño
- Revisar y comentar especificaciones de diseño
- Exportar activos de diseño
- Exportar y descargar activos de especificaciones de diseño
- Grupos compartidos para empresas
- Hacer copias de seguridad de recursos de XD o transferirlos
- Sistemas de diseño
- Documentos en la nube
- Integraciones y complementos
- Trabajar con activos externos
- Trabajar con activos de diseño de Photoshop
- Copiar y pegar activos desde Photoshop
- Importar o abrir diseños de Photoshop
- Usar activos de Illustrator en Adobe XD
- Abrir o importar diseños de Illustrator
- Copiar vectores de Illustrator en XD
- Complementos para Adobe XD
- Crear y administrar complementos
- Integración de Jira para XD
- Complemento Slack para XD
- Complemento Zoom para XD
- Publicar diseño de XD en Behance
- XD para iOS y Android
- Solución de problemas
- Problemas conocidos y resueltos
- Instalación y actualizaciones
- Inicio y cierre inesperado
- XD se cierra al iniciar la aplicación en Windows 10
- XD se cierra al cerrar sesión en Creative Cloud
- Problema con el estado de suscripción en Windows
- Aviso de aplicación bloqueada al iniciar XD en Windows
- Generación de volcados de fallos en Windows
- Recopilación y uso compartido de registros de errores
- Documentos en la nube y bibliotecas Creative Cloud
- Crear prototipos, publicar y revisar
- No se pueden grabar interacciones de prototipos en macOS Catalina
- Problemas con flujos de trabajo de publicación
- Los vínculos publicados no aparecen en los navegadores
- Los prototipos no se renderizan correctamente en los navegadores.
- El panel de comentarios aparece repentinamente en los vínculos compartidos
- No es posible publicar bibliotecas
- Importar, exportar y usar otras aplicaciones
¿Quiere mejorar aún más sus diseños de Photoshop? Descubra cómo trasladar mesas de trabajo y recursos de Photoshop a XD para crear prototipos con alta fidelidad.
Adobe XD le brinda la capacidad de conectar los diseños y las mesas de trabajo de Photoshop para transformarlos en aplicaciones interactivas o prototipos. Tanto si intenta liberar el potencial de los archivos .psd o realizar un simple copiar-pegar, la integración complementaria entre XD y Photoshop le ayuda a conseguirlo sin esfuerzo.
Cosas a tener en cuenta
Aunque Photoshop y XD presentan un conjunto de propiedades complementarias, todavía hay algunas propiedades que no tienen una asignación una a una. Antes de continuar, vamos a examinar a las propiedades que no disponen de una asignación directa en Photoshop y XD.
|
|
|
.png){kind=icon}
Para que no sufra interrupciones al trabajar con XD y Photoshop, estamos realizando mejoras en los flujos de trabajo de interoperabilidad. Mientras tanto, si tiene cualquier sugerencia o comentario, compártalos en UserVoice.
Obtener acceso a diseños de Photoshop en XD
Cuando el diseño esté listo en Photoshop, aquí presentamos algunas de las formas en las que puede moverlo a XD.
|
|
|
|
|
|
|
|
Con XD 57 y versiones posteriores, obtiene colores uniformes cuando copia un activo con un perfil de color sRGB de Photoshop en un documento XD que tiene un perfil de color sRGB. Si el documento XD tiene un perfil de color Sin gestionar, recibe un mensaje que le pide que cambie el perfil de color a sRGB.
Mesas de trabajo importadas de prototipos
Una vez que se han importado los diseños de Photoshop a XD, veamos cómo podemos usarlos para crear un prototipo.
|
|
Cuando trabaja con Photoshop, puede crear mesas de trabajo de XD al abrir mesas de trabajo de Photoshop directamente en XD. Las mesas de trabajo de Photoshop se importan de forma perfecta en el formato de mesa de trabajo de XD. También puede pasar de una aplicación a otra para ajustar los elementos visuales sobre la marcha. ¿Quiere mejorar sus diseños de XD? Dé un salto de calidad a través de las propiedades exclusivas de XD como Cuadrículas de repetición, Estados, Animación automática y Prototipos de voz, entre otras. |
|---|
Compartir y colaborar con XD
¿Está su prototipo listo para compartirlo?
|
|
Una de las principales ventajas de usar Adobe XD para diseñar y crear prototipos interactivos es la capacidad de compartir los diseños y prototipos y conseguir comentarios de las partes involucradas. Se optimizan los diseños compartidos sin ninguna pérdida de fidelidad, dispone de los comentarios de partes implicadas en tiempo real y los desarrolladores pueden descargar los activos compartidos y las especificaciones de diseño para su codificación. |
|---|
Use el modo Compartir en XD para compartir sus diseños y prototipos interactivos con los colaboradores y coedítelos y colabore en ellos de forma fluida con otros diseñadores. Las versiones del documento se guardan automáticamente a intervalos regulares, lo que le permite restaurar los cambios de versiones anteriores.
Con XD 57 y versiones posteriores, tiene la capacidad de proporcionar una representación de color uniforme para los responsables de departamento. Para lograrlo, cambie el perfil de color del documento a sRGB. Si intenta compartir mesas de trabajo seleccionadas de un documento que tiene un perfil de color no gestionado, recibe un mensaje que le informa sobre una posible discrepancia de color que podrían notar los responsables de departamento. Para obtener más información, consulte Gestión de color.
¿Se pregunta si la resolución de los prototipos se ve afectada después de compartirlos desde XD? La respuesta es no.
Preguntas frecuentes
¿Cómo se pueden convertir los recursos de Photoshop en componentes y usarlos de forma homogénea en proyectos a la vez que se respeta la terminología?
Puede usar los activos de Photoshop para crear componentes reutilizables que le ayuden a crear y mantener elementos repetidos en diferentes contextos y diseños. Puede crear un componente maestro para definir un elemento reutilizable, como un botón, y cambiar cualquiera de sus propiedades para personalizar las instancias de ese elemento. Los cambios que realice a una instancia individual son específicos de ese elemento, pero los cambios que realice en el principal se propagan en todas las instancias.
¿Cómo se puede crear una muestra de colores mediante un archivo de imagen?
No se pueden crear o importar muestras de colores desde Photoshop a XD. Como solución alternativa, puede arrastrar estos colores desde el panel de Muestras en Photoshop al panel de Bibliotecas, abrir las bibliotecas de CC en XD, usarlas en un objeto y añadir el color al panel Activos.
Próximos pasos
Hemos conseguido que empiece a trabajar con activos de diseño de Photoshop. Dé un paso adelante y obtenga más información sobre cómo crear prototipos interactivos y compartirlos con diseñadores o partes implicadas para obtener comentarios.
¿Tiene alguna pregunta o idea?
Si tiene alguna pregunta que hacer o una idea que compartir, venga y participe en la Comunidad de Adobe XD. Nos gustaría que nos dejara sus comentarios y ver sus creaciones.
