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

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX