Introducción a Design Systems con Figma

Un curso de Javier 'Simón' Cuello
Diseñador de UX. Barcelona, España.
En Domestika desde 13/04/2009
, Diseñador de UX

Aprende a crear sistemas de diseño que respondan a las necesidades de tus usuarios

  • 100% Valoraciones positivas (3)
  • 410 alumnos
  • Audio: Español
  • Español, Inglés, Portugués, Alemán
Introducción a Design Systems con Figma

Aprende a crear sistemas de diseño que respondan a las necesidades de tus usuarios


  • 100% Valoraciones positivas (3)
  • 410 alumnos
  • Online y a tu ritmo
  • Audio: Español
  • Nivel: Iniciación
  • 24 Lecciones (4h 38m)
  • Disponible desde la app
  • Español, Inglés, Portugués, Alemán
  • Acceso ilimitado


Detrás de cada interfaz hay una serie de detalles aparentemente invisibles que pueden determinar la dirección de tu marca, empresa o producto. Al incorporar las herramientas de Design Systems en tu proyecto, podrás asegurarte de que tu interfaz sea compatible entre todos los miembros de tu equipo y que funcione de manera intuitiva.

En este curso, Javier “Simón” Cuello, diseñador especializado en experiencias de usuario, te ayudará a construir la interfaz de un sitio web, de forma organizada, coherente y consistente, que satisfaga las necesidades reales de tus usuarios y clientes.

Te recomendamos que también consultes los otros cursos de Javier en Domestika: Diseño de interfaces con Sketch y Diseña una App deliciosa.

¿Qué incluye este curso?

Tabla de contenidos del curso

  • U1
    U1. Introducción
  • U2
    U2. Design Systems
  • U3
    U3. Las bases de tu design system
  • U4
    U4. Diseñando el sistema
  • U5
    U5. Comunicación y colaboración
  • PF
    PF Proyecto final
Ver detalle

Comenzarás este curso conociendo a Javier, sus proyectos e influencias a lo largo de su carrera, así como una introducción a los principales conceptos de Design Systems.

Luego, descubrirás los beneficios de Design Systems para ti y tu equipo de trabajo, y verás todas las partes que componen un sistema, incluyendo: los principios de tu diseño, la guía de estilo, los elementos sueltos y componentes de la interfaz, el repositorio del código y la documentación.

Javier te enseñará a identificar el propósito de tu sistema según el contexto del producto y te mostrará cómo utilizar los criterios que guían tu diseño para establecer las estrategias de tu proyecto. Te ayudará a crear una guía de estilo definitiva para tu interfaz.

¡Ponte a trabajar! Usando el software Figma, diseñarás los elementos sueltos, componentes, patrones y prototipos de la pantalla principal en diferentes formatos.

Para concluir, trabajarás con los elementos de comunicación y colaboración para que tu sistema de diseño tenga una evolución controlada y respaldada por todos los miembros del equipo.

Javier te enseñará sobre la importancia de los Design Tokens y cómo documentar la evolución de tu sistema. Te mostrará cómo diferenciar un trabajo en progreso de uno ya completado y te aconsejará sobre cómo trabajar con los diferentes perfiles dentro de un equipo.

¿Cuál es el proyecto del curso?

Diseñarás la página principal de un sitio web de viajes, en 3 tamaños diferentes.

¿A quién está dirigido?

A diseñadores de interfaces que quieran construir un diseño organizado, coherente y consistente para sitios web y aplicaciones.

Requisitos

Deberás tener conocimientos básicos de Figma, incluida la creación de estilos, componentes y funciones de Auto Layout, así como familiaridad con el diseño de interfaces.

En cuanto a los materiales, necesitarás un ordenador con el software Figma instalado.


Valoraciones

410 Alumnos
3 Valoraciones
100% Valoraciones positivas

Javier 'Simón' Cuello

ProfesorPro
Diseñador de UX

Javier “Simón” Cuello es diseñador de UX especializado en apps para móviles. Ha trabajado en proyectos para pequeñas empresas, y también para grandes compañías como Zara, Telefónica o Yahoo! Es coautor del libro “Diseñando apps para móviles”.

Algo que se ve reflejado en su trabajo es la preocupación constante de mejorar en detalles aparentemente invisibles, pero que permiten que un proyecto digital brille a nivel de experiencia de usuario.


Contenidos

  • U1

    Introducción

    • Presentación
    • Influencias
    • ¿Qué haremos en el curso?
  • U2

    Design Systems

    • Beneficios para ti y tu equipo de trabajo
    • Partes de un sistema
  • U3

    Las bases de tu design system

    • Identificar el contexto
    • Pensando los principios de diseño
    • Style guide 1
    • Style guide 2
  • U4

    Diseñando el sistema

    • Elementos 1
    • Elementos 2
    • Elementos 3
    • Diseño de componentes 1
    • Diseño de componentes 2
    • Diseño de componentes 3
    • Diseño de componentes 4
    • Componentes adicionales
    • Patterns
    • Pantallas 1
    • Pantallas 2
  • U5

    Comunicación y colaboración

    • Design tokens
    • Cómo documentar el sistema
    • Cambios y actualizaciones
    • Equipos de trabajo
  • PF

    Proyecto final

    • Introducción a Design Systems con Figma

Así son los cursos de Domestika

  • Aprende a tu ritmo

    Disfruta de los cursos desde casa, sin horarios ni entregas. Tú marcas tu propia agenda.

  • De la mano del profesor

    Aprende técnicas y métodos de gran valor explicados por los grandes expertos del sector creativo.

  • Profesores expertos

    Cada profesor imparte solo lo que mejor sabe hacer, asegurando transmitir la pasión y la excelencia en cada lección.

  • Certificado Pro

    Acredita tu asistencia al curso con un certificado firmado por el profesor. Consíguelo con tu suscripción a Domestika PRO.

  • En primera fila

    Vídeos de máxima calidad para que no pierdas detalle. Y como el acceso es ilimitado, puedes verlos una y otra vez.

  • Comparte conocimiento

    Expón tus dudas, pide feedback, aporta soluciones. Comparte el aprendizaje con el resto de los alumnos de la comunidad.

  • Comunidad creativa

    Más de 1M creativos y creciendo. Domestika es el entorno ideal para compartir y aprender lo que te apasiona.

  • Cursos producidos profesionalmente

    Seleccionamos a los mejores creativos y un equipo profesional produce el curso con ellos. El resultado: sentirás que trabajas mano a mano con los mejores.


Preguntas frecuentes

  • Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros usuarios y con el profesor, creando así una comunidad en torno al curso.

  • La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.

  • Los cursos se dividen en diferentes Unidades, cada una de ellas incluyen lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un Foro exclusivo donde puedes interactuar con todos los alumnos del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.

  • Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.

Introducción a Design Systems con Figma. Un curso de Diseño de Javier 'Simón' Cuello

Introducción a Design Systems con Figma

Un curso de Javier 'Simón' Cuello
Diseñador de UX. Barcelona, España.
En Domestika desde 13/04/2009
  • 100% Valoraciones positivas (3)
  • 410 alumnos