Aquí les dejo mi propuesta
Introducción
¿Para qué sirve Figma y por qué elegirlo?
Interfaz en Figma
Quiz: Introducción
Básicos
Configuración de guías y retículas
Creación de textos y estilos
Figuras e imágenes en Figma
Efectos en Figma
Redes de Vectores
Colores en Figma
Quiz: Básicos
Combo
Importar y exportar
Cómo crear guías de estilo
Auto-Layout
Los 15 mejores atajos para trabajar en Figma
Creación de componentes reutilizables: clase teórica
Creación de componentes reutilizables: clase práctica
Playground: Practica la creación de componentes reutilizables
Quiz: Combo
Prototipado
Prototipado simple: interacción de scroll
Prototipado simple: conexión de diferentes frames
Prototipado avanzado: smart animate y componentes Interactivos
Quiz: Prototipado
Co-Creando
Cómo agregar comentarios a los diseños
Historial de versiones en Figma
Librerías de estilos y componentes
Quiz: Co-Creando
Superpoderes
FigJam
Uso de plugins en Figma
Community: proyectos open-source y perfiles
Quiz: Superpoderes
Cierre
Proyecto final del curso de Figma
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Cómo crear guías de estilo
10/25Recursos
Aportes 154
Preguntas 18
Ordenar por:
Acá mi humilde aporte
Este es parte de mi proyecto!
Comparto mi artboard con las pantallas de la app de notas y un frame con la guia de estilo.
Como crear guias de estilos
Las guis de estilo son propiedades reutilizables que nos permiten estandarizar
todas las decisiones de diseño que hemos tomado a lo largo de la creacion de la
interfaz.
Creando estilos
- Seleccionar elemento
- Dentro de fill / propiedades
- Seleccionar los 4 puntos
- Simbolon +
- Nombrar estilo
- “Crear estilo”
Aquí mi Style Guide
Asi va mi proyecto!
Dejo mi guia de estilos
Estas clases estan geniales, les comparto mi aplicación de notas!
Por aquí hice una guía rápida para mi proyecto de notas 😃.
Hola, dejo mi aporte, hermosa clase!
Algo que no se explicó aquí y es que para agrupar los estilos ne carpetas se usa la convención al nombrar: nombre_carpeta/nombre_estilo, de ese modo podemos agrupar los estilos por componente o funcionalidades.Ej:
-Titulo/titulo1
-Titulo/titulo2
-Titulo/titulo3
-Texto/parrafo
-Texto/descripcion_card
Sigo sin entender como crear un MODAL 😦
mi humilde aporte:
Envio mi guia de estilos:
https://www.figma.com/file/bt4PeoSUlwjOop6LtltoxS/Platzi?node-id=0%3A1&t=mAlVunON0fzpNNhJ-1
Dejo por aqui mi aporte, saludos:)
Comparto mi propuesta c:
Dejo aquí mi guía de estilos
Información resumida de esta clase
#EstudiantesDePlatzi
-
Las propiedades re-utilizables me permiten estandarizar mis proyectos
-
Pueden existir elementos desacoplados a mis estilos, así que debo tratar de mantenerlos mapeados o estandarizarlos
-
La consistencia es lo que hace a un gran proyecto
Mi guía de estilo
Hey! 💚 Les dejo por aquí el archivo de referencia que se ve en el video, para que vean cómo se ve la guía de estilo terminada:
<https://www.figma.com/design/51q92sR2naGqKmkGcmMjpQ/Platzi-Notes?node-id=0-1&t=9KYKeb1mqCFUfzap-1>
Mi trabajo :)
![]()
Poco pero es mi trabajo honesto
Mi aporte
Hola aquí mi aporte, me tomo varios días pero aquí lo tengo:
Les comparto mi avance con el ejercicio propuesto
Mi aporte
Aquí mi aporte
En la nueva versión de Figma, los Componentes permiten crear elementos reutilizables, facilitando la consistencia en el diseño. Estos componentes pueden ser instancias que se actualizan automáticamente al modificar la versión principal, optimizando así el flujo de trabajo y la eficiencia en la creación de interfaces.
No se pueden compartir imágenes desde el PC.
Hola profesor, no encuentro el link que menciona para que podamos duplicarlo, muchas gracias!
![]()![]()
![]()
me da risa que el archivo no sirve, y que de la nada salio con un proyecto totalmente terminado, malll
Les comparto la guía de estilo que trabajé para este proyecto. ![]()
Así va mi trabajo :3
Asi es como voy con mi proyecto ¿Qué les parece?
Por acá mi propuesta!
![]()Por acá mi propuesta!%2012.19.20%20p.%C2%A0m..png)
Buenas tardes a todos!!, comparto mis diseños de guía de estilo y alertas. =D
Esta es mi propuesta, soy desarrollador asi que luego quiero hacer un storybook.
![]()
Hola a todos!!, les comparto el diseño de mi guía de estilos.
Buenas tardes a todos!!, les comparto el diseño de mi guía de estilos. =D
![]()
![]()![]()aqui les dejo mi propuesta
Así va quedando mi proyecto
Hola a todos!
Una pregunta, debo crear cada uno de los íconos que se muestran en figma, por ejemplo, el check, o la advertencia, o ¿existe una forma más rápida de poder implementarlos en nuestros diseños?
Gracias por la ayuda!
Despues de haber aprendido auto layout y algunas herramientas mas, por fin logre terminarlo.
Tengo una pregunta, cuando estamos por crear un sistema de diseño, ¿En que podemos basarnos? Es decir, existen muchas tipografias, tamaños, familiar de fuentes y seguramente deben existir como estándares en teléfonos móviles o en web, muchas gracias!
Comparto con ustedes lo que llevo de mi trabajo
Guía de estilos
como puedo crear los estados ?
Old School Colors
Así va mi proyecto!!
Por acá mi aporte en estilos!
Aquí les dejo mi guía de estilos!
Hola, les comparto mi aporte!
Mi ejericicio, espero les guste
Así va mi propuesta
Esta es mi propuesta
Les comparto lo mio.
Comparto mi aporte con mi progreso del proyecto
Es recomendable antes de iniciar con cualquier proyecto, contar con las guías de estilo y paletas de colores, para facilitar el flujo de trabajo.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?