Design Auto Layout Thumbnail Components in Figma
Class Intro
Introducción
Unlock module
Introducción
Unlock module
Introducción
Unlock module
Introducción
Unlock module
Introducción
Unlock module
Introducción
Unlock module
Introducción
Unlock module
Introducción
What you'll learn
Lo que aprenderás
During this class you'll learn how to design a light and dark mode thumbnail component in Figma. Thumbnails make it easy to communicate the status of each file for your team or clients. With a thumbnail component, you can begin to establish an efficient UI workflow that ensures each team member and file you work on is relevantly tagged...
What you'll receive
Lo que recibirás
Upon completion of this class you'll receive a unique digital certificate from Memorisely that you can download and show off on socials
Al completar esta clase, recibirá un certificado digital único de Memorisely

Jonas Fig
COMPLETED
Design Auto Layout Thumbnail Components in Figma
Meet your teacher
Conoce a tu profesora
Zander Whitehurst
Founder & CEO · Memorisely
Known for his positive energy, Zander is the founder & CEO of Memorisely. Zander has spent over a decade designing digital products working with brands like Hotjar, GoDaddy, and Figma. He's a founding member of Figma's educator advisory board and through socials has taught over 500,000 folks in 150+ countries.
What skills you'll pickup
Qué habilidades adquirirás
During this class, you'll pickup a range of skills for your career
Durante esta clase, adquirirás una variedad de habilidades para tu carrera.
Educating industry leaders in 150+ countries
We're grateful to have educated 500,000 folks in 150+ countries and we're trusted by industry leading teams like Google, Figma, Revolut, and Shopify









Membership with meaning
From day one we have placed community at the heart of our experience and we're proud to educate designers in over 150+ countries.
Caleb
Australia 🇦🇺
Bootcamp was an absolute blast. The classes were so interactive and engaging which I loved, and getting to learn alongside a whole bunch of like-minded people from all across the world was super cool. Even post bootcamp, I still keep in touch with my classmates, the Memorisely community is pretty rad.
Tanvi
India 🇮🇳
Experience with Memorisely has been wonderful and engaging. I was super nervous about my responsibilities, before joining UX/UI Design Bootcamp! Now, I feel more knowledgeable and confident about my responsibilities as a product designer.
Gaston
United States 🇺🇸
I enjoyed the jam-packed curriculum and the guidance and community factor. I have gotten to connect with so many like-minded individuals.
Jill
Canada 🇨🇦
This was one of the most positive online learning experiences I have ever had! I so appreciated the real world application that seemed to be woven into everything I learned. Classes and projects were engaging, fun, and suitable for any schedule. I would say the experience is so worth it no matter what stage of your career you are at!
Simple, transparent pricing
Unlike other courses who tuck away their prices, we are totally transparent with our pricing and offer quarterly and annual subscriptions to make learning accessible.
Precios simples y transparentes
A diferencia de otros cursos que guardan sus precios, somos totalmente transparentes con nuestros precios y ofrecemos suscripciones mensuales y anuales para que el aprendizaje sea accesible.
Personal
Unlimited UX/UI classes
Class template files
Class analytics
Class certificates
Class badges
Class filtering
New weekly classes
Learning paths
Personal
Unlimited UX/UI classes
Class template files
Class analytics
Class certificates
Class badges
Class filtering
New weekly classes
Learning paths
New UX/UI classes
We've curated a list of the latest UX/UI classes to be added to Memorisely learning platform that you might like learning from
Precios simples y transparentes
A diferencia de otros cursos que guardan sus precios, somos totalmente transparentes con nuestros precios y ofrecemos suscripciones mensuales y anuales para que el aprendizaje sea accesible.
Ready to learn?
As you'll have gathered, we're open and honest and would love to have you join our next Live Bootcamp
During this class you'll learn how to design a light and dark mode thumbnail component in Figma. Thumbnails make it easy to communicate the status of each file for your team or clients. With a thumbnail component, you can begin to establish an efficient UI workflow that ensures each team member and file you work on is relevantly tagged.
By the end of this class you will have practiced creating light and dark theme color styles and chip component sets. During this class you'll build up confidence with auto layout and understand how to structure thumbnails to clearly communicate the status, contributors, and project type.
Class Goals
- Design auto layout light and dark mode thumbnail
- Create light & dark mode color styles
- Create auto layout status chips
- Design auto layout thumbnail component
- Learn how to apply a component to a file