Bocetado en Figma

Llevo usando figma aprox hace 6 meses y no he tenido ningun problema 😃

InVision ya permite exportar tus prototipos como imagen:

Y para dominar la herramienta de Figma ya hay un curso: https://platzi.com/cursos/figma/

1366px es el estandar con un 35% de uso a nivel mundial.

Figma es poderoso porque:

• Es en línea
• Es colaborativa
• Control de versiones
• Diseñar/Prototipar/Entregar
• Bibliotecas de Equipo
• Modo Presentación (prototipado)

Lo que haremos en Figma:

• Insertar los bocetos rápidos
• Configurar las grid de 12 columnas (desktop)
• Poblar con placeholders, que son los contenedores que iremos sustituyendo con mayor detalle
• Marcar componentes reutilizables
• Crear estilos de texto
• Nombrar frames (artboards)

Estuve bocetando la app de platzi para practicar

**Figma es poderoso porque: **

Es una herramienta en línea

Colaborativa

Tiene control de versiones

Puedes diseñar/prototipar/entregar

Tiene librerías por equipo

Cuenta con un modo de presentación para presentar tus prototipos a cualquier fidelidad.

Buen día, Misaello, tengo una duda respecto al prototipado en figma, ¿cómo trabajo o hago la conversión de unidad de medidas para trabajar densidad de pixeles (dp) y no pixeles (px), tanto en elementos gráficos, tipografía, para que mantengan su proporción exacta cuando el diseño se visualice en dispositivos de alta densidad?

Ya hay un curso en donde se profundiza las herramientas de figma en Platzi ❤️

Ya en 2024 Figma es la plataforma más usada en diseño UI.

Figma es una herramienta excelente!!!

Es una muy buena practica separar el proceso de trabajo entre el papel, el bocetado en invision y luego bocetar en mediana calidad en Figma, es interesante como se puede trabajar de forma organizada y así tener un proceso de trabajo mucho mas fluido.

-Error de Audio.

Figma es buenísimo
Figma es la herramienta por excelencia para los product designers, además de que cuenta con todo lo que el profe mencionó, también hay muchas más que nos permitirán trabajar de manera mucho más precisa y profesional.
Figma cuenta con:

• Auto-layout avanzado
• Componentes y variantes
• Librerías
• Plugins avanzados
• Widgets
• Comunidad de creadores y diseñadores.
  Es una herramienta poderosa, su curva de aprendizaje es simple al inicio, pero si deseas profundizar mucho más en Figma, puedes tomar el curso que platzi tiene.

Comparto esta pagina que muestra los tamaños estandares de dispositivos que se usan por regiones https://gs.statcounter.com/

Muy bueno Figma!

¿como se pasa el prototipo de invision a figma? en windows

Cual es el estándar para diseño de apps?

Este requerimiento:
“Invitar amigos a ver mis viajes recientes y futuros, así como ver los viajes de mis amigos y también invitarlos a mis viajes como huéspedes y viajeros”

Me habría gustado ver como lo solucionaba el profe en el bocetado…

Figma realmente es bueno. y aquí en plazti tenemos el curso de figma
Es totalmente recomendado. 🙂

Excelente información sobre vaciar lo que hicimos en el boceto rápido de la herramienta InVision que hicimos en la clase pasada donde simulamos una interacción con el equipo productos de ingeniería para tomar algunas ya decisiones de como solucionar esa problemática de los usuarios.

Woau, el poder de Figma radica en su enfoque colaborativo. Llevo casi 1 año diseñando exclusivamente con Adobe XD y nunca me habia animado a probar Figma. Ya veo por que la piden tanto

Figma es genial, aunque por mis problemas de conexión en Venezuela se me hace más fácil adobe XD, que es muy parecido… Pero si fuera por mi usaría figma siempre!