Curso de Figma
¡Hola a todos!
¡Estoy emocionado de anunciar comenzamos entrenamientos a este curso Hola estudiante, si alguna vez has querido crear Historias y personajes animados pero no sabías cómo empezar, este entrenamiento es fundamental para Lograrlo
Este blog inicialmente tiene como fin transferir conocimientos de temas acerca de la herramienta de Figma
Bienvenido al Curso, hablaremos de:
-
Capas
-
Fotogramás Clave
-
javaScript
-
Bootstrap
-
Git
-
PHP
-
React
-
Angular
-
MySql
Temario Curso Figma
Introducción a Figma
¿Qué es Figma?
Ventajas de Figma sobre otras herramientas de diseño
Configuración de la cuenta y del espacio de trabajo
Interfaz de usuario de Figma
Barra de herramientas
Panel de capas
Panel de propiedades
Atajos de teclado esenciales
Conceptos básicos de diseño en Figma
Crear y gestionar marcos (frames)
Formas básicas y herramientas de dibujo
Manipulación de objetos (mover, escalar, rotar)
Alineación y distribución de elementos
Trabajando con capas y grupos
Organización de capas
Creación y gestión de grupos
Uso de máscaras
Bloqueo y ocultación de capas
Estilos y colores
Creación y aplicación de estilos de color
Gestión de la biblioteca de estilos
Creación de paletas de colores
Uso de degradados y opacidad
Tipografía en Figma
Añadir y editar texto
Estilos de texto y párrafo
Importación y gestión de fuentes
Ajustes avanzados de tipografía
Componentes y sistemas de diseño
Creación de componentes
Instancias y propiedades
Variantes de componentes
Organización de componentes en la biblioteca
Grids y constraints
Configuración de grids de diseño
Uso de constraints para diseño responsivo
Auto layout para diseños flexibles
Prototipado en Figma
Creación de conexiones entre frames
Configuración de transiciones y animaciones
Interacciones avanzadas (hover, arrastrar, etc.)
Prototipado para diferentes dispositivos
Colaboración en Figma
Compartir proyectos y archivos
Comentarios y feedback
Historial de versiones y control de cambios
Trabajo en equipo en tiempo real
- Plugins y integraciones
- Exploración de la comunidad de plugins
- Instalación y uso de plugins populares
- Integración con otras herramientas (Slack, Jira, etc.)
- Exportación y entrega
- Exportación de assets para desarrollo
- Generación de especificaciones para desarrolladores
- Creación de presentaciones y documentación de diseño
- Técnicas avanzadas de diseño
- Diseño de sistemas de iconos
- Creación de ilustraciones en Figma
- Diseño de interfaces complejas (dashboards, apps)
- Optimización del flujo de trabajo
- Mejores prácticas para la organización de archivos
- Creación de plantillas y bibliotecas de equipo
- Automatización de tareas repetitivas
- Accesibilidad y diseño inclusivo
- Principios de diseño accesible
- Herramientas de Figma para evaluar la accesibilidad
- Implementación de patrones de diseño inclusivo
- Diseño para diferentes plataformas
- Diseño para web
- Diseño para aplicaciones móviles (iOS y Android)
- Diseño para aplicaciones de escritorio
- Animación avanzada en Figma
- Uso de Smart Animate
- Creación de micro-interacciones
- Prototipado de animaciones complejas
- Gestión de proyectos de diseño en Figma
- Planificación y estructuración de proyectos grandes
- Seguimiento del progreso y colaboración a gran escala
- Presentación de proyectos a clientes o stakeholders
- Tendencias y técnicas emergentes
- Diseño de interfaces de voz (VUI)
- Realidad aumentada (AR) y realidad virtual (VR) en Figma
- Diseño para wearables y IoT
- Proyecto final
- Aplicación de todos los conocimientos adquiridos
- Creación de un proyecto completo desde el concepto hasta el prototipo final
- Presentación y defensa del proyecto
Profe Jlopez explica el curso, no olvides darle like y suscribirse al canal
Videotutoriales explicativos
Herramientas recomendadas
Drag and drop con javascript: https://drag-and-drop.formkit.com
SQLFlow herramienta que visualiza bases de datos: https://sqlflow.gudusoft.com/#/
Blog ingenioso y fácil de leer; único su minimalismo usado para explicar el funcionamiento del programa sin llenarlo de exceso de referencias visuales y mas simplificado. Personalmente no conocía la existencia y el uso del programa en el que se esta hablando. Gracias a ello pude descubrir que otros programas de programación no son los únicos conocidos enfocados en el diseño y sitios web, hay una variedad de facilidades disponibles para cada uno, y escoger uno que se nos facilite y se acomode a nuestro espacio de trabajo. Además, la explicación en lista hablando de que se encarga la app es muy variado, sin embargo, funciona como guía para poder saber bien sin mucha información el uso de este desde cero
Duvan Santiago Sanchez Castro – Producción de Multimedia – 3199584
Hola Profe soy Andrea Villalobos de la ficha 319584
Me parece un muy buen artículo, bastante especificado por lo que es más fácil comprender, además de tener también enlaces con los cuales obtener más información sobre el tema de interés, los videos explicativos son bastante buenos , con estos podemos comprender mejor como realizar la animaciones. En su totalidad lo que se nos brinda esta bastante completo y con una información eficaz para suplir nuestras dudas.
Sophia Venegas
FICHA: 3199584
Considero que es un tema interesante de abordar ya que figma es una herramienta importante del diseño grafico y se ven varios aspectos sobre el diseño, tiene muchas funciones muy útiles como lo es la capacidad de permitir la colaboración en tiempo real o la creación de prototipos interactivos, me parece genial el hecho de que facilita el trabajo de los diseñadores, se pueden colaborar entre diseñadores.
Yo que voy a estudiar diseño grafico, se me seria muy útil para un futuro.
Producción de multimedia:3199584
el articulo cuenta con una extensa explicación de la pagina figma, pero en mi opinión debería tener mas definiciones de cada aspecto de la pagina como funciones, sus herramientas y sus usos, obviamente actualizar algunos links que se encuentran el articulo ya que algunos se encuentran sin funcionamiento como «BoxModel»,
numero de ficha:3199584
En lo personal siento que la información puede ser algo confusa ya que es muy breve, pero al momento de leer uno adquiere una base de lo primordial, lo que se necesita; y lo que mas me gusta es que se agregan videos para tener una información mas clara, sin recargar la página con información para que el lector no le tome como cierta pereza, me gusta que se tomen mas paginas web de apoyo para corroborar la información base para aclara dudas, es claro y conciso para que no se confunda con términos