Preguntas frecuentes

En esta sección podrás encontrar algunas de las preguntas que puedes hacerte durante este reto.

1. ¿Cómo me creo una cuenta de estudiante en Figma?

Para aprovechar las funciones ilimitadas de Figma debemos cambiar a una cuenta de estudiante. Debemos llenar el siguiente formulario

http://figma.com/education/apply⁠

y cuando les preguntes por la institución, darle a la opción No listado u Otras y ahí agregar el nombre de “Laboratoria”.

2. ¿Tengo que hacer todas las interfaces de la empresa que decidí? ¿o solo un par?

Recuerda que la cantidad de pantallas o interfaces tu lo decides pero el mínimo que pedimos es de una pantalla, sea la de Inicio o Home. Asegúrate de que sea en versión móvil y desktop.

3. ¿Qué significa llegar hasta alta fidelidad?

El objetivo es que logren replicar la web que eligieron lo más fiel posible a la original, que sea como un espejo. Si no conseguimos la misma imagen o tipografía, no se bloqueen en ello, podemos elegir una similar.

4. ¿Qué tamaño de pantalla elegir?

Les recomendamos usar los frames predefinidos que trae Figma para escritorio (1440 - desktop) y móvil (360 - Android small).

5. ¿Debo trabajar con la interfaz de la app nativa para a versión móvil?

Algunas webs del reto tienen web y app (en App o Play Store para descargar), sin embargo el reto busca que hagan solo réplicas de la web vista desde el escritorio y desde el móvil. Entonces no es necesario que descarguen ninguna app ni hagan réplica de esa vista.

6. ¿Cómo le hago para ver la versión móvil desde mi compu?

Puedes hacer click derecho> abrir Inspeccionar> elegir el tamaño de pantalla en la que quieres ver la interfaz> Aceptar.

7. ¿Qué hago si la interfaz de la web que elegí cambia?

Se puede prevenir ese escenario haciendo screenshot y/o grabando un video de la web actual.

Para ello descarga la extensión de Chrome “Awesome screenshot” a tu computadora. Para el screenshot vas a Capture > Full Page > Aceptar.

Para el Video vas a This tap > Start recording > Empiezas a navegar por la web (sobre todo donde hay interacciones, para que las tengas registradas). A continuación una vista de la vista cuando despliegas el ícono de la extensión

⁠

8. ¿Cómo consigo los íconos/imágenes de la web que elegí?

Hay un sinfín de páginas gratuitas que puedes elegir. Una de ellas es

flaticon⁠

, recuerda descargar el ícono para que tengan un mejor resolución.

Para las imágenes pueden usar la misma imagen de la web (

aquí un tutorial⁠

) o buscar una imagen parecida que se relacione.

9. ¿Cómo consigo la tipografía de esta empresa?

Puedes usar otra extensión de Chrome llamada “WhatFont”, una vez instalada haces click en el ícono

⁠

> ubicar el cursor por el texto de la web > te irá mostrando el tipo de letra que se usó.

En algunas web habrán tipografías propias, en ese caso puedes usar una tipografía similar.

¿Tienes otra pregunta? déjanos por el nuevo canal #project-ui-design o busca unx coach 💪🏼

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.