Design Auto Layout Thumbnail Components in Figma
English
·
Beginner
·
Zander Whitehurst
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
Al completar esta clase, recibirá un certificado digital único de Memorisely
Jony Ive
Design Auto Layout Thumbnail Components in Figma
July 25th, 2023
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.
Build a career you love
Clases de cortesía
Join a Live Bootcamp to kickstart or accelerate your career in tech
Para apoyar su aprendizaje, le recomendamos explorar clases en línea gratuitas que lo ayudarán a aprender progresivamente.
Live UX/UI Bootcamps
Live Coding Bootcamps
Live Product Management Bootcamps
Live Career Bootcamps
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
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
$19 / month
7 day free satisfaction trial
Unlimited access to bitesize classes
Actionable classes with Q&A chat
Personalised digital certificates
Learn from industry experts
Member leaderboards & awards
Analytics & learning reports
Community feedback & support
Stay accountable with good vibes
Team
$25 / month
Everything in Personal, plus
Team training paths and analytics
Team leaderboards & awards
Personalised learning paths
Easy team admin and management
Soft & Hard skill training
Weekly team reports
Custom team certificates
Personal
$29 / month
7 day free satisfaction trial
Unlimited access to bitesize classes
Actionable classes with Q&A chat
Personalised digital certificates
Learn from industry experts
Member leaderboards & awards
Analytics & learning reports
Community feedback & support
Stay accountable with good vibes
Team
$35 / month
Everything in Personal, plus
Team training paths and analytics
Team leaderboards & awards
Personal learning for each team member
Easy team admin and management
Soft & Hard skill training
Weekly team reports
Custom team certificates
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