Online portfolio design: Creating Figma websites
Setting up a Style Guide and Components in Figma
A course by Lu Yu , Designer
About the video: Setting up a Style Guide and Components in Figma
Overview
“Having clear rules related to typography, color, grids, and UI components will help you express your brand style with consistency and speed up your production. Let's see how to do that in this lesson! ”
In this video lesson Lu Yu addresses the topic: Setting up a Style Guide and Components in Figma, which is part of the Domestika online course: Online portfolio design: Creating Figma websites. Enhance your online presence and career opportunities by creating an online portfolio website with Figma..
Partial transcription of the video
“After finishing the draft of your homepage design, it's time to clean up typography, spacing, color, and set up your style guide. First of all, we should add your grid into Figma. If I click on the artboard, you can see I already have my grid set up. But this grid will only apply to this specific frame. To save that into Figma, I will click on Style, Create Style, and call it Desktop Grid. Now I have it set up in the entire Figma file. This means in the future, if I create any other frame, regardless of the size, I can simply apply the Desktop Grid. No matter how big your frame is, the grid...”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: Online portfolio design: Creating Figma websites
-
Category
Web & App Design -
Software
Figma -
Areas
Brand Strategy, Portfolio Development, UX / UI
Lu Yu
A course by Lu Yu
Lu Yu is a highly accomplished product and brand designer with a global perspective. Raised in China and having lived in Melbourne and Istanbul before settling in Berlin, Lu brings a diverse range of cultural influences to his work. With a background rooted in traditional Chinese painting and calligraphy, Lu's design philosophy centers around the concept of intentional beauty.
Having worked with notable organizations such as Pitch, Semplice, WAVE, and Memomi, Lu has extensive experience in creating visually stunning designs that fuse brand and product seamlessly. Her expertise spans multiple areas, including UI/UX design, personal branding, and marketing collateral. As a speaker, judge, and lover of photography and illustration, Lu continuously seeks to push boundaries and inspire others in the creative industry. Through his passion and knowledge, Lu Yu is dedicated to helping aspiring designers find their own authentic and distinctive design voice.
- 100% positive reviews (33)
- 2,426 students
- 15 lessons (2h 42m)
- 14 additional resources (4 files)
- Online and at your own pace
- Available on the app
- Audio: English
- English · Spanish · Portuguese · German · French · Italian · Polish · Dutch
- Level: Beginner
- Unlimited access forever
Figma
