آموزش Figma 2024: Fundamentos de UI con Figma de principiante a professional

درس ها Lessons

• BÁSICOS - 04 Añadiendo formas y color BÁSICOS - 04 Añadiendo formas y color

• BÁSICOS - 08 Anidando marcos – el superpoder de Figma BÁSICOS - 08 Anidando marcos – el superpoder de Figma

• DISEÑO RESPONSIVO - 07 Posicionamiento absoluto en auto layout DISEÑO RESPONSIVO - 07 Posicionamiento absoluto en auto layout

• COMPARTIR - 02 Estableciendo una vista previa COMPARTIR - 02 Estableciendo una vista previa

• VARIABLES Y ESTILOS - 04 Variables de tamaño y espaciado VARIABLES Y ESTILOS - 04 Variables de tamaño y espaciado

• BÁSICOS - 07 Añadiendo y trabajando con texto BÁSICOS - 07 Añadiendo y trabajando con texto

• کامپوننت ها - 07 مولفه های حرکت دهنده در صفحه اصلی COMPONENTES - 07 Mover componentes a su propia página

• VARIABLES Y ESTILOS - 02 Trabajar con variables de color VARIABLES Y ESTILOS - 02 Trabajar con variables de color

• کامپوننت ها - 08 Manteniendo organizados los components COMPONENTES - 08 Manteniendo organizados los componentes

• PROTOTIPADO - 04 Menú dislegable con superposiciones PROTOTIPADO - 04 Menú desplegable con superposiciones

• DISEÑO RESPONSIVO - 01 آیا چیدمان خودکار چیست؟ DISEÑO RESPONSIVO - 01 ¿Qué es auto layout?

• DISEÑO RESPONSIVO - 06 Anidando auto layout con el sistema DISEÑO RESPONSIVO - 06 Anidando auto layout con el sistema

• BÁSICOS - 06 Alinear ordenar y medir BÁSICOS - 06 Alinear ordenar y medir

• اجزاء - 02 Sobrescribiendo instancias COMPONENTES - 02 Sobrescribiendo instancias

• BÁSICOS - 02 Atajos útiles BÁSICOS - 02 Atajos útiles

• DISEÑO RESPONSIVO - 09 Constraints en Figma DISEÑO RESPONSIVO - 09 Constraints en Figma

• PROTOTIPADO - 03 Conectando pantallas PROTOTIPADO - 03 Conectando pantallas

• --> PROYECTO Parte 3.1: متغیرهای رنگ --> PROYECTO Parte 3.1: Variables de color

• DISEÑO RESPONSIVO - 02 طرح خودکار Agregar DISEÑO RESPONSIVO - 02 Agregar auto layout

• VARIABLES Y ESTILOS - 01 Introducción a las variables en Figma VARIABLES Y ESTILOS - 01 Introducción a las variables en Figma

• CONFIGURACIÓN - 02 Figma en el Navegador vs CONFIGURACIÓN - 02 Figma en el Navegador vs

• BÁSICOS - 01 Agregando marcos a nuestro archivo BÁSICOS - 01 Agregando marcos a nuestro archivo

• --> PROYECTO Parte 1.1: Boceto de alambre --> PROYECTO Parte 1.1: Boceto de alambre

• COMPARTIR - 06 Actualizando bibliotecas de equipo compartidas COMPARTIR - 06 Actualizando bibliotecas de equipo compartidas

• BÁSICOS - 15 Duplicar BÁSICOS - 15 Duplicar

• CONFIGURACIÓN - 03 El navegador de archivos La página principal de Figma CONFIGURACIÓN - 03 El navegador de archivos La página principal de Figma

• DISEÑO RESPONSIVO - 11 ¿Qué tamaño de marco debería usar? DISEÑO RESPONSIVO - 11 ¿Qué tamaño de marco debería usar?

• VARIABLES Y ESTILOS - 03 سازماندهی متغیرها با جمع آوری و گروه ها VARIABLES Y ESTILOS - 03 Organizando variables con colecciones y grupos

• DISEÑO RESPONSIVO - 05 خودکار فاصله بین DISEÑO RESPONSIVO - 05 Auto o space between

• کامپوننت ها - 04 Revirtiendo components y anulaciones COMPONENTES - 04 Revirtiendo componentes y anulaciones

• --> PROYECTO قسمت 3.2: متغیرهای متن --> PROYECTO Parte 3.2: Variables de text

• COMPARTIR - 01 Compartir e invitar a otros COMPARTIR - 01 Compartir e invitar a otros

• DISEÑO RESPONSIVO - 03 Componentes y variables en layout auto DISEÑO RESPONSIVO - 03 Componentes y variables en auto layout

• CONFIGURACIÓN - 01 Proceso de Registro en Figma CONFIGURACIÓN - 01 Proceso de Registro en Figma

• BÁSICOS - 13 تصویر Agregando BÁSICOS - 13 Agregando imágenes

• DISEÑO RESPONSIVO - 10 Restricciones y cuadrícula DISEÑO RESPONSIVO - 10 Restricciones y cuadrícula

• COMPARTIR - 03 Bibliotecas de equipo compartidas en Figma COMPARTIR - 03 Bibliotecas de equipo compartidas en Figma

• COMPARTIR - 05 Conectando a una biblioteca de equipo compartida COMPARTIR - 05 Conectando a una biblioteca de equipo compartida

• --> PROYECTO Parte 1.2: Diseño --> PROYECTO Parte 1.2: Diseño

• BÁSICOS - 09 مارکوس vs گروپوس BÁSICOS - 09 Marcos vs Grupos

• COMPARTIR - 04 Configurando una biblioteca de equipo compartida COMPARTIR - 04 Configurando una biblioteca de equipo compartida

• BÁSICOS - 05 Menú de tamaño – manipulación de formas y marcos BÁSICOS - 05 Menú de tamaño – manipulación de formas y marcos

• DISEÑO RESPONSIVO - 04 تغییر اندازه - پیکربندی تغییر ابعاد DISEÑO RESPONSIVO - 04 Resize – Configuración de redimensionamiento

• BÁSICOS - 17 Escalando en Figma BÁSICOS - 17 Escalando en Figma

• PROTOTIPADO - 07 Figma Mirror – Vista previa en tu dispositivo PROTOTIPADO - 07 Figma Mirror – Vista previa en tu dispositivo

• --> PROYECTO Parte 2: Componentes --> PROYECTO Parte 2: Componentes

• VARIABLES Y ESTILOS - 05 Y ¿qué pasa con los estilos? VARIABLES Y ESTILOS - 05 Y ¿qué pasa con los estilos?

• PROTOTIPADO - 06 Componentes interactivos PROTOTIPADO - 06 Componentes interactivos

• PROTOTIPADO - 05 Tipos de animación PROTOTIPADO - 05 Tipos de animación

• --> PROYECTO قسمت 5: Prototipo --> PROYECTO Parte 5: Prototipo

• BÁSICOS - 16 Dibujando en Figma BÁSICOS - 16 Dibujando en Figma

• PROTOTIPADO - 02 Configurando el comportamiento desplazamiento PROTOTIPADO - 02 Configurando el comportamiento de desplazamiento

• اجزاء - 06 Conjuntos de componentes con variantes COMPONENTES - 06 Conjuntos de componentes con variantes

• 00 Intro ES 00 Intro ES

• مهم - Archivo de trabajo IMPORTANTE - Archivo de trabajo

• DISEÑO RESPONSIVO - 08 صفحه‌بندی خودکار DISEÑO RESPONSIVO - 08 Páginas de auto layout

• BÁSICOS - 10 Diseñando con marcos anidados BÁSICOS - 10 Diseñando con marcos anidados

• COMPARTIR - 08 Dev Mode – Compartiendo con el equipo de desarrollo COMPARTIR - 08 Dev Mode – Compartiendo con el equipo de desarrollo

• CONFIGURACIÓN - 04 Creando archivos de diseño en Figma CONFIGURACIÓN - 04 Creando archivos de diseño en Figma

• کامپوننت ها - 05 Anidamiento de componentes COMPONENTES - 05 Anidamiento de componentes

• VARIABLES Y ESTILOS - 06 Tipografía y estilos VARIABLES Y ESTILOS - 06 Tipografía y estilos

• --> PROYECTO --> PROYECTO

• BÁSICOS - 03 El archivo de diseño BÁSICOS - 03 El archivo de diseño

• کامپوننت ها - 01 Reutilizar elementos con components y instancias COMPONENTES - 01 Reutilizar elementos con componentes y instancias

• BÁSICOS - 12 Comunidad y complementos de Figma BÁSICOS - 12 Comunidad y complementos de Figma

• 01 Sobre la Versión en Español 01 Sobre la versión en español

• VARIABLES Y ESTILOS - 07 Documentación de variables y estilos VARIABLES Y ESTILOS - 07 Documentación de variables y estilos

• اجزاء - 03 Qué sobrescribir y qué n0 COMPONENTES - 03 Qué sobrescribir y qué n0

• BÁSICOS - 11 Rejillas reutilizables con estilos BÁSICOS - 11 Rejillas reutilizables con estilos

• COMPARTIR - 07 Compartiendo diseño, componentes, estilos y متغیرها COMPARTIR - 07 Compartiendo diseño, componentes, estilos y variables

• 02 ¿Qué es Figma y quién realiza la programación؟ 02 ¿Qué es Figma y quién realiza la programación?

• PROTOTIPADO - 01 Prototipado en Figma PROTOTIPADO - 01 Prototipado en Figma