YoVDO

Figma de principio a fin

Offered By: Domestika

Tags

Figma Courses Design Thinking Courses Animation Courses Prototyping Courses Responsive Design Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Descubre la herramienta más potente y eficiente para diseñar de manera colaborativa y aprende a crear interfaces interactivas desde cero
  • Presentación
  • Comenzar a usar Figma
  • Insertar elementos
  • Funciones básicas
  • Frames y grupos
  • Diseño vectorial
  • Trabajar con imágenes
  • Efectos
  • Experiencia de lectura y ajustes de textos
  • Tamaños y estilos de texto
  • Organizar capas
  • Medir distancias, alinear y distribuir textos y añadir las guías
  • "Auto Layout"
  • Componentes e instancias
  • Transformando responsive con "Constraints"
  • "Variants" y "Component properties"
  • Layout y grid
  • Prototipado básico e interacciones
  • Redimensionar pantallas, scrolls y elementos fijos
  • Prototipos avanzados con "Overlays"
  • Animaciones y "Smart Animate"
  • Previsualizar en navegador y dispositivos y compartir
  • Plugins
  • Atajos de teclado
  • Presentaciones
  • Design thinking con Figma
  • Handoff
En el diseño cada vez es más importante poder trabajar en equipo y de manera coordinada. Para ello, Figma ofrece la posibilidad de hacerlo en tiempo real y desde cualquier sistema operativo y plataforma. Por eso, se ha convertido en una herramienta imprescindible en el proceso creativo de diseñadores como Samuel Hermoso.

En este Domestika Basics compuesto por 5 cursos, el diseñador UX-UI Samuel Hermoso te enseñará a dominar este programa gratuito desde cero. Junto a él, aprenderás a crear pantallas de sitios web, aplicaciones móviles y cualquier otra interfaz gráfica interactiva mediante ejemplos prácticos que podrás compartir con el equipo y testar con los usuarios.

Si quieres profundizar en el diseño de webs y apps, en su anterior Domestika Basics de Introducción a Sketch, Samuel te explicará cómo trabajar con el software pionero en el mercado para el diseño de interfaces como un profesional.

Syllabus

  • Presentación
  • Comenzar a usar Figma
  • Insertar elementos
  • Funciones básicas
  • Frames y grupos
  • Diseño vectorial 1
  • Diseño vectorial 2
  • Trabajar con imágenes
  • Efectos
  • Experiencia de lectura y ajustes de textos
  • Tamaños y estilos de texto 1
  • Tamaños y estilos de texto 2
  • Organizar capas
  • Medir distancias, alinear y distribuir textos y añadir las guías
  • "Auto Layout" 1
  • "Auto Layout" 2
  • Componentes e instancias 1
  • Componentes e instancias 2
  • Transformando responsive con "Constraints"
  • "Variants" y "Component properties" 1
  • "Variants" y "Component properties" 2
  • Layout y grid
  • Prototipado básico e interacciones
  • Redimensionar pantallas, scrolls y elementos fijos
  • Prototipos avanzados con "Overlays" 1
  • Prototipos avanzados con "Overlays" 2
  • Animaciones y "Smart Animate" 1
  • Animaciones y "Smart Animate" 2
  • Previsualizar en navegador y dispositivos y compartir
  • Plugins 1
  • Plugins 2
  • Atajos de teclado 1
  • Atajos de teclado 2
  • Presentaciones
  • Design thinking con Figma
  • Handoff

Taught by

Samuel Hermoso (Elastic Heads)

Related Courses

Mobile Web Development
Google via Udacity
iDESWEB, Introducción al desarrollo web
Miríadax
Information Design
University of California, San Diego via Coursera
Advanced Styling with Responsive Design
University of Michigan via Coursera
Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera