Aprende Figma de A a Z
Por Mirko Santangelo , Diseñador y director creativo
De principiante a profesional: domina todos los aspectos de Figma desde la configuración de la interfaz, el uso de plugins y el diseño de texto y forma hasta el prototipado y la colaboración con desarrolladores.
De principiante a profesional: domina todos los aspectos de Figma desde la configuración de la interfaz, el uso de plugins y el diseño de texto y forma hasta el prototipado y la colaboración con desarrolladores.
Domestika Basics · 10 cursos incluidos
Descubre el potencial ilimitado de Figma con Mirko Santangelo en este curso online. Sumérgete en el mundo del diseño de UI, la creación de prototipos y la colaboración, mientras aprovechas el poder de Figma.
En este viaje creativo, Mirko, un reconocido diseñador y director creativo de la agencia Paper Tiger, te presenta el corazón de Figma, la herramienta de interfaz de usuario esencial para el diseño digital. Comenzando desde cero, te embarcarás en una exploración exhaustiva de las características de Figma, guiado por la experiencia de Mirko.
Descubre los intrincados hilos del diseño de la interfaz de usuario a medida que avanzas en diez cursos inmersivos. El enfoque práctico de Mirko to guía a través de conceptos fundamentales como navegar por la interfaz de Figma, crear sistemas de diseño y perfeccionar experiencias web. Sumérgete en el mundo de los elementos de la interfaz de usuario, la exploración del color, los efectos y las fuentes. Da rienda suelta a tu creatividad con el diseño automático, los componentes y las bibliotecas de componentes. Mejora aún más tus habilidades con la creación de prototipos, la animación y el intercambio de proyectos.
- 97% valoraciones positivas (103)
- 20.708 estudiantes
- 74 lecciones (7h 1m)
- 10 cursos
- 30 recursos adicionales (10 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Inglés
- Inglés · Español · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés
- Nivel: Iniciación
- Acceso ilimitado para siempre
Software recomendado para este curso
FigmaOpiniones
Mirko Santangelo
Por Mirko Santangelo
Conoce a Mirko Santangelo, una fuerza creativa multidisciplinaria versátil y dinámica. Como socio y director creativo de Paper Tiger, una reconocida agencia web de la costa este, Mirko prospera en la industria creativa. Con una habilidad especial para crear productos web digitales que elevan a las empresas líderes, combina a la perfección la estrategia creativa con la ejecución, aprovechando tanto el diseño como el código para impulsar los objetivos comerciales y mejorar las experiencias de marca.
La influencia de Mirko se extiende más allá de su trabajo en la agencia. Es una figura destacada en la comunidad Figma, conocido por su papel como defensor de la comunidad Figma. El viaje de Mirko con Figma comenzó en 2017, cuando orquestó un notable giro del flujo de trabajo de su agencia hacia Figma, dando forma de manera efectiva a procesos de diseño innovadores que transformaron a Paper Tiger en una empresa de siete cifras con múltiples premios. Su incesante exploración del potencial de Figma lo llevó a crear los primeros complementos no oficiales e integrar tecnologías avanzadas, catapultando a su agencia a nuevas alturas creativas.
Con una historia de colaboración con marcas ilustres como The New York Times, Insider y PBS, Mirko ha dejado su huella en sistemas de diseño, marcas y experiencias web en el ámbito del diseño digital. Su dedicación a la comunidad es evidente a través de sus enseñanzas e interacciones con miles de diseñadores y creativos. Como participante activo en el crecimiento de Figma, desempeñó un papel clave en la configuración de la actividad creativa de Figma Config 2021, un hito que se refleja en su estatus como el activo más descargado en la plataforma. Más allá de sus logros profesionales, el viaje de diseño de Mirko, que comenzó a la edad de 17 años, ha evolucionado a lo largo de 16 años, reflejando una búsqueda incesante de la excelencia, inspirada en los grandes de la historia del diseño.
Contenidos
Course 1: Introduction
-
U1
Empezando
-
Empezando
-
-
U2
Explorador de archivos
-
Explorador de archivos
-
-
U3
Equipos y Proyectos
-
Equipos y Proyectos
-
-
U4
Editor de figuras
-
Editor de figuras
-
-
U5
Configuración del espacio de trabajo
-
Configuración del espacio de trabajo
-
-
U6
Miniatura del archivo
-
Miniatura del archivo
-
-
U7
Comunidad y complementos
-
Comunidad y complementos
-
-
U8
Práctica
-
Práctica
-
Course 2: Drawing Tools
-
U1
Herramientas de forma
-
Herramientas de forma
-
-
U2
Herramienta Pluma y Red Vectorial
-
Herramienta Pluma y Red Vectorial
-
-
U3
Operaciones booleanas
-
Operaciones booleanas
-
-
U4
Marcos y grupos
-
Marcos y grupos
-
-
U5
Colores y estilos de color
-
Colores y estilos de color
-
-
U6
Imágenes y GIF animados
-
Imágenes y GIF animados
-
-
U7
Capas de enmascaramiento
-
Capas de enmascaramiento
-
-
U8
Efectos y estilos de efectos
-
Efectos y estilos de efectos
-
-
U9
Práctica
-
Práctica
-
Course 3: Typesetting Tools
-
U1
Herramienta de texto
-
Herramienta de texto
-
-
U2
Personalización de tipo avanzada
-
Personalización de tipo avanzada
-
-
U3
Estilos de texto
-
Estilos de texto
-
-
U4
Fuentes variables y de iconos
-
Fuentes variables y de iconos
-
-
U5
Práctica
-
Práctica
-
Course 4: Layout Tools
-
U1
Herramientas de alineación
-
Herramientas de alineación
-
-
U2
Selección inteligente
-
Selección inteligente
-
-
U3
Medidas y Guías
-
Medidas y Guías
-
-
U4
Restricciones de capa
-
Restricciones de capa
-
-
U5
Cuadrícula de diseño
-
Cuadrícula de diseño
-
-
U6
Estilos de diseño
-
Estilos de diseño
-
-
U7
Escalar y cambiar el tamaño
-
Escalar y cambiar el tamaño
-
-
U8
Práctica
-
Práctica
-
Course 5: Auto Layout
-
U1
Introducción al diseño automático
-
Introducción al diseño automático
-
-
U2
Pilas de capas y escalado
-
Pilas de capas y escalado
-
-
U3
Composición
-
Composición
-
-
U4
Bloques y espaciadores
-
Bloques y espaciadores
-
-
U5
Mejores prácticas de diseño automático
-
Mejores prácticas de diseño automático
-
-
U6
Práctica
-
Práctica
-
Course 6: Components and Variants
-
U1
Introducción a los componentes
-
Introducción a los componentes
-
-
U2
Crear y separar componentes
-
Crear y separar componentes
-
-
U3
Instancias y anulaciones de componentes
-
Instancias y anulaciones de componentes
-
-
U4
Intercambio de componentes
-
Intercambio de componentes
-
-
U5
Variantes de componentes
-
Variantes de componentes
-
-
U6
Propiedades de los componentes
-
Propiedades de los componentes
-
-
U7
Combinando variantes y propiedades
-
Combinando variantes y propiedades
-
-
U8
Componentes más allá de la interfaz de usuario
-
Componentes más allá de la interfaz de usuario
-
-
U9
Práctica
-
Práctica
-
Course 7: Component Libraries
-
U1
Panel de activos de componentes
-
Panel de activos de componentes
-
-
U2
Organización de componentes locales
-
Organización de componentes locales
-
-
U3
Cambio de nombre por lotes
-
Cambio de nombre por lotes
-
-
U4
Documentación y enlaces
-
Documentación y enlaces
-
-
U5
Publicar una biblioteca de componentes
-
Publicar una biblioteca de componentes
-
-
U6
Práctica
-
Práctica
-
Course 8: Prototyping and animations
-
U1
Introducción a la creación de prototipos
-
Introducción a la creación de prototipos
-
-
U2
Presentación y duplicación
-
Presentación y duplicación
-
-
U3
Configuración del prototipo
-
Configuración del prototipo
-
-
U4
Conexiones prototipo
-
Conexiones prototipo
-
-
U5
Flujos de prototipos y punto de partida
-
Flujos de prototipos y punto de partida
-
-
U6
Interacciones de desbordamiento y desplazamiento
-
Interacciones de desbordamiento y desplazamiento
-
-
U7
Superposiciones
-
Superposiciones
-
-
U8
Animaciones de transición
-
Animaciones de transición
-
-
U9
Animación inteligente
-
Animación inteligente
-
-
U10
Flexibilización y primavera
-
Flexibilización y primavera
-
-
U11
Componentes y prototipos
-
Componentes y prototipos
-
-
U12
Componentes interactivos
-
Componentes interactivos
-
-
U13
Aplicación móvil Figma
-
Aplicación móvil Figma
-
-
U14
Práctica
-
Práctica
-
Course 9: Collaboration
-
U1
Compartir archivos y prototipos
-
Compartir archivos y prototipos
-
-
U2
Agregar y administrar comentarios
-
Agregar y administrar comentarios
-
-
U3
Historial de versiones
-
Historial de versiones
-
-
U4
Práctica
-
Práctica
-
Course 10: Handoff
-
U1
Creación de especificaciones de diseños
-
Creación de especificaciones de diseños
-
-
U2
Inspeccionar un archivo
-
Inspeccionar un archivo
-
-
U3
Exportación de recursos de imagen
-
Exportación de recursos de imagen
-
-
U4
Exportar fragmentos de código
-
Exportar fragmentos de código
-
-
U5
Práctica
-
Práctica
-
Ver el contenido de los 10 cursos
Sobre Domestika Basics
Domestika Basics son cursos orientados a explicar de manera sencilla y paso a paso el software más usado por creativos de todo el mundo.
El contenido está cuidadosamente pensado para estudiantes que se inician en una nueva disciplina creativa y para profesionales con experiencia que quieren reforzar sus conocimientos.
Aprende con los mejores profesores de Domestika a través de lecciones prácticas, recursos abundantes y con una dificultad progresiva que te permitirá ver resultados desde el primer día.
Con Domestika Basics crecerás como profesional y estarás preparado para realizar proyectos más importantes.
-
Sin conocimientos previos
En Domestika Basics tienes todo lo necesario para iniciarte en una disciplina y llegar a ser un experto.
-
Centrados en la herramienta
Descubre los fundamentos, técnicas y métodos probados que necesitas para dominarla.
-
Aprende rápido
Los mejores profesionales te enseñan paso a paso y sin rodeos para que no te pierdas dentro del programa.
-
Certificados Plus
Si eres Plus, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.
Figma
threeracoonsinatrenchcoat
Very dry and does not instruct in HOW to use at all, just what each tool does.
It essentially tells you what does a screwdriver does, while not explaining what a screw is, or what the end-goal use would be.
Plugins are also pushed too much, as they are not eternal and some are not useable since.
Note that the UI of Figma has been overhauled since, which is not the Author's mistake, but does make it harder to follow.
Author also uses AI art, for those who care.
Ver traducción
Ocultar traducción
rosendo.renan
PlusBoa didática, bom ritmo. Explica o essencial para você desenvolver e compartilhar seus componentes e projetos!
Ver traducción
Ocultar traducción
pietro_cerruto
PlusExcelente curso, bien estructurado y hay yna calidad increible en las actividades!
allissonsita
PlusHi! I am trying to finish Course 3: Typesetting Tools but i can´t find one of the plugins. Does anyone know a similar plug in for FONT SCALE?
Thank you!
Ver traducción
Ocultar traducción
cynthiarodriguezdesign
Overall pretty good, but a little outdated, which made it hard to follow along. I couldn't find the lesson plan until the 5th section, and when I finally found it, duplicated it, and tried to use it, someone had already gone through and completed all the practices—which meant I had to figure out how to remove their edits so I could do it, which was frustrating and I gave up.
Ver traducción
Ocultar traducción