Equipo, en unos minutos compartiré un nuevo componente hecho a pedido de Manuel, un lector del blog que me escribió preguntando cómo hacer un welcome page como el de Pinterest. Les dejo un avance y en un rato subo a Community el archivo.

📌 ¿Cómo crear un welcome page (estilo Pinterest) en Figma? https://www.figma.com/community/file/1125495102944430957

👉 Duplica el archivo y utiliza el componente y el prototipo en tus proyectos.

Manuel, un lector del blog, me escribió preguntando cómo hacer y animar el grid que muestra Pinterest en su pantalla de bienvenida. Para él y para ti he subido a Community el componente y el prototipo. En breve publicaré un post en mi blog explicando cómo montarlo paso a paso.

📌 ¿Cómo crear un flujo de onboarding en tu app con Figma? https://www.figma.com/community/file/1128029382259033555

👉 Duplica el archivo y utiliza el componente y el prototipo en tus proyectos.

Acabo de subir a Community otra pieza del proyecto de app que comenzamos a montar hace unas semanas. Esta vez se trata de un componente para crear las pantallas de un flujo de onboarding.

Como siempre publicaré un post en mi blog explicando todos los detalles y cómo montarlo paso a paso.

El nuevo componente que compartiré en mi perfil de Community es un skeleton que podrás utilizar en tus aplicaciones móviles y sitios web.

📌 ¿Cómo crear una pantalla de skeleton con Figma? https://www.figma.com/community/file/1130926775258460656

👉 Duplica el archivo y utiliza el componente y el prototipo en tus proyectos.

Nuevo componente subido a mi perfil de Community, con este componente podrás crear pantallas de skeletons para hacer tus prototipos más reales.

A punto de salir del horno 👉 componente + prototipo de mapa interactivo, espero que os guste y lo uséis en vuestros proyectos.

📌 ¿Cómo crear un mapa interactivo con Figma? https://www.figma.com/community/file/1133519296948198769

👉 Duplica el archivo y utiliza el componente y el prototipo en tus proyectos.

He creado una serie de componentes y un prototipo para simular un mapa interactivo como el de Airbnb. Podría haber montado nada más que un Frame para hacerlo, pero quería mostrar los distintos estados en los chips que están debajo de la barra de búsqueda.

He subido el archivo a mi perfil de Community.

Hola equipo, el próximo componente que compartiré será un search bar con todas sus variantes clásicas: filtros, búsquedas recientes, etc.

Comentar que a partir de septiembre empezaré a publicar en mi blog todos los posts con las explicaciones paso a paso que complementarán los assets que vengo publicando desde hace semanas en Community.

Enviaré notificaciones utilizando el newsletter: https://www.juanpol.com/newsletter

Gracias!

📌 Acabo de vincular el grupo FIGMA comunidad a este canal, me parece que ya podéis dejar comentarios en estas publicaciones. :)

Parece que Figma tiene problemas en estos momentos... notáis algo raro en al carga de archivos?

Parece que ya está solucionado...

📌 ¿Cómo crear una barra de búsqueda con Figma? https://www.figma.com/community/file/1135603829269342115

👉 Duplica el archivo y utiliza el componente en tus proyectos.

Hoy subí un nuevo diseño a mi perfil de Community. Si necesitas una barra de búsqueda para tus aplicaciones de móviles iOS y Android este componente con 4 Variantes es para ti.

📌 Equipo, esta semana por primera vez voy a compartir un segundo diseño y componente. El lunes compartí el primero, el search bar. Mañana a primera hora tendréis disponible un componente y prototipo de pantalla con búsquedas recientes.

📌 ¿Cómo crear una pantalla de búsquedas recientes con Figma? https://www.figma.com/community/file/1136414132159288863

👉 Duplica el archivo y utiliza el componente en tus proyectos.

Con este prototipo podrás mostrar el flujo que sigue un usuario cuando utiliza una lista de búsqueda recientes.

Hola equipo!
El componente que subiré esta noche a Community será un dialog box genérico, con header, content, checkbox y dos botones de acción.
A mitad de semana publicaré un componente de snackbar.
Terminad bien el fin de semana. 😁

📌 ¿Cómo crear un cuadro de diálogo con Figma? https://www.figma.com/community/file/1138218482799868836

Duplica este componente, edita el título, la descripción, la información del checkbox y los botones Action 1 y Action 2.

Recuerda que puedes separar el componente y añadir más elementos en su interior.

📌 Hola equipo, ante todo buen lunes y excelente semana. Mañana a primera hora publicaré un nuevo componente de snackbar con 3 Variants. Como siempre lo compartiré primero con vosotros.

📌 He subido a Community de Figma un nuevo componente de snackbar con 4 Variants. https://www.figma.com/community/file/1141406535181506980

Hola equipo, me han pedido que comparta un componente editable de un dropdown menu, os interesa el tema?