Herramientas Clave para Diseño Web y Prototipado: Sketch, Figma y Adobe XD

Clase 5 de 5 • Audiocápsulas: Consejos, Historias y Anécdotas de Diseño

Resumen

¿Dudas si deberías utilizar o no Adobe XD para tus proyectos digitales? En esta cápsula te hablamos sobre los beneficios de esta herramienta.

David Rodriguez

student•

Una breve comparacion entre Figma y XD:

Felipe Bernardo González Barranco

student•

Gracias!

Jonathan Steep

student•

jajaja EDteam.. jajaja

Vladimir Benitez

student•

Llevo 2 años utilizando Figma y todas la mayoría de ventajas que se mencionaron de Adobe XD lo tiene también Figma.

Personalmente siento que Figma está mejorando más rápido es mi herramienta favorita de las 3.

Cristian Marosek

student•

Literal figma de king :3

María Paula Molano

student•

¿Elegir AdobeXD sobre Figma?

Hmmm, no lo sé, Rick... 🤔

Diana Marcela Herrera Pacheco

student•

Prefiero usar figma sii jaja, y finalmente Adobe no lo pudo comprar salio la noticia este diciembre del 2023

Johan Ulloa Arcila

student•

Adobe acaba de comprar Figma, ojalá no lo vuelvan totalmente privado y pago (seguro así será) y creo que eso le hará perder mucha de la riqueza que le daba que fuera open source. Una lástima esa noticia!

Joselyne Ivanny Coello Moreira

student•

Penpot puede ser una bena opción como herramienta open source. :)

Luis Rodríguez

student•

Gracias Joselyne, ya lo estoy viendo y parece muy prometedor, espero Platzi genere cursos de PENPOT lo más pronto posible.

Ramses Salazar Mora

student•

¿Por qué elegir Adobe XD?

Sketch Una de las herramientas más demandas, de las primeras en el mercado, por lo que se volvió muy popular. Aunque a simple vista pueda parecer sencilla, es una herramienta muy potente, y cuenta con el apoyo de numerosos plugins. Además, tiene integraciones con InVsion para prototipado, y con Zeppelin para simplificar la entrega de especificaciones del diseño a los equipos de desarrollo.

Posse dos versiones Una versión nativa Un plan de suscripción con su aplicación web.

Desventajas:

La versión nativa, no permite compartir documentos. Para utilizar una herramienta colaborativa, se debe usar el plan con suscripción en su aplicación web.
La versión nativa sólo se puede usar en dispositivos Apple.
La versión nativa no ofrece el abanico completo de utilidades.

Figma Lanzada en el año 2010, está basada en la compatibilidad para cualquier sistema operativo. Permite realizar un trabajo colaborativo de forma eficiente, trabajar de forma simultánea y poder ver los cambios en tiempo real. Compartiendo el link del proyecto, terceras personas podrán acceder a él de forma rápida, para aportar su opinión respecto de las mejoras que pueda haber en el proyecto

Desventajas:

Requiere conexión a internet. Aunque permite descargar una aplicación de escritorio, que posibilita guardar los diseños de manera local que se sincroniza con la web cuando haya conexión.

Adobe XD Permite compartir los diseños y prototipos y recoger feedback. Permite invitar a editar, compartir para revisión, compartir para desarrollo, o grabar video para explicar las actualizaciones a realizar. Así se puede adaptar la colaboración a las diferentes circusntancias posibles.

¿Qué benificios aporta comparado con Sketch y Figma?

Sencillez de la interfaz
Curva de aprendizaje corta
Compatibilidad para Mac y Windows
Se puede utilizar offline
Adobe realiza actualizaciones habitualmente, lo que garantiza una mejora constante
Ofrece la coedición y compartir el proyecto a través de un enlace, de esta forma se pueden realizar comentarios y proponer actualizaciones a los prototipos.
Diferentes posibilidades para compartir.
Cuenta con un historial para revisar versiones anteriores y recuperar cambios
Permite utilizar componentes y diseños de otros proyectos, y ofrece la posibilidad de editarlos, por lo que al incorporar los cambios se actualizarán en todos los lugares donde aparezcan.
Perfecta integración con las demás herramientas de Adobe. Permite agregar mesas de trabajo, elementos de diseño y recursos de éstas aplicaciones.
Se adapta a la integración con otras aplicaciones, como las hojas de cálculo de Google

¿Cómo elegir entre las diferentes herramientas?

Nivel de expertise
Nivel de colaboración
Cómo se trabajará
Dónde se utilzará
Tipo de proyectos
Dispositivos de los que se dispone
Preferencias del equipo de diseño

Albert Antonio Orellano Suarez

student•

No lo sé Rick… ¿Elegir Adobe XD sobre Figma? Me parece algo sesgado porque básicamente Figma se hace de todo. Diseñar, prototipar, Inspeccionar y trabajar de manera colaborativa con todos los Stakeholders. Está rara esta recomendación ¬¬

Oscar Andrey Martinez Calderon

student•

Figma sigue creciendo a pasos de gigante, a la fecha de este comentario sacaron el Dev Mode

Alejandro Guiberra

student•

Si alguien se pasa por aquí y conoce un buen curso de Sketch actualizado (versión 89) compártalo! ¡Por favor! 🙏🏽 Seguramente sigo buscando 😰😰😰😰

Cinta Verges

teacher•

Hola, Alejandro.

Muy pronto lo vamos a traer en la Facultad. Stay tuned! :)

Carolina Gómez

student•

Herramientas mas demandadas para productos digitales en diferentes dispositivos:
- Scketsh: de las herramientas más demandadas por los profesionales de diseño, Fue de las primeras en aparecer en el mercado con estas funcionalidades y características, aunque al principio puede aparecer sencilla es una herramienta muy potente y cuenta con numerosos plugins, tienen integraciones con InVisions para la parte de prototipado y con Zeppelin para simplificar la entrega de especificaciones de diseño. Esta posee dos versiones la gratis y la paga, en el primer caso no permite compartir documentos, entonces para utilizar una herramienta colaborativa sería usar el plan de suscripción pago. la app nativa sólo se puede utilizar en los dispositivos Apple, mientras que la web app si es compatible con otro tipo de dispositivos. Esto es una barrera para personas con otros sistemas operativos.
- Figma: está basada en la compatibilidad para cualquier sistema operativo, permite el trabajo colaborativo de forma eficiente, trabajo simultáneo con diferentes colaborativo y se pueden ver los cambios en modo real tiempo, no es necesario crear versiones de los archivos. con sólo compartir el link terceras personas pueden ver el proyecto, siempre requiere conexión a Internet. Se puede descargar la app del escritorio donde se puede trabajar y guardar los trabajos en el escritorio para luego cuando haya Internet poder subirlo.

Adobe XD: permite compartir los diseños de los dispositivos y tener feedback directo, me permite invitar para editar, compartir edición, compartir para desarrollo o coedición para Video, para explicar las actualizaciones a realizar en el diseño. de esta forma pueda adaptar la colaboración a las distintas circunstancias que tenga. qué beneficios aporta: la sencillez de su interfaz para cualquier colaborador, es compatible para Mac y para Windows, se puede instalar en el computador y de esta manera se puede utilizar sin Internet, la herramientas está mejorando constantemente, ofrece un sistema de coedición, podemos compartir el diseño por medio de un enlace donde podrán existir comentarios, adobe XD cuenta con un historial para revisar archivos anteriores y recuperar cambios que facilita el trabajo. También permite utilizar componentes de diseños anteriores, y nos ofrece la posibilidad de evitarlos, de forma que se actualizarán en todos los lugares que estos aparezcan. esta herramienta está perfectamente integrada con los demás programas de Adobe. permite agregar mesas de trabajo, elementos de diseño, y recursos de estas aplicaciones. se adapta a las hojas de cálculo de Google.

Derek Perez

student•

nah fifma es 🐐

Felipe Bernardo González Barranco

student•

Gracias!

Herramientas Clave para Diseño Web y Prototipado: Sketch, Figma y Adobe XD

Cápsulas de diseño

Fundamentos del Diseño de Producto y Experiencia de Usuario

Diseño de Creatividades para Redes Sociales: Estrategias y Herramientas

Accesibilidad Visual en Diseños Digitales

Consejos Prácticos para el Diseño de Producto Digital

Herramientas Clave para Diseño Web y Prototipado: Sketch, Figma y Adobe XD