Part I: The Look & Feel

Creating a VR Mood Board in Figma

In this video, I demonstrate how to create a mood board for a VR project using Figma.

We explore importing assets, designing product cards, and managing styles to maintain consistency. In the video, I start by importing client assets from Milanote to Figma. We then create a product card for a VR headset, including setting up the typography and layout. Next, we explore applying colors and gradients to the card. Finally, I show how to create reusable styles and components to ensure consistent updates across all cards. This process simplifies design iterations and maintains a cohesive visual theme throughout the project.

Summary

1. Opening Figma and Importing Assets: I start by importing all client assets from Milanote into Figma, ensuring we have everything needed for the design.
2. Organizing Assets: The assets, including VR headset images, are organized and prepared for use in the design process.
3. Creating a Product Card: I demonstrate creating a product card for the Oculus VR headset, setting up the layout, typography, and initial design elements.
4. Applying Typography: The brand's typography is applied to the card, making sure the design is consistent with the branding guidelines.
5. Adding and Adjusting Images: I show how to add VR headset images to the card, adjusting them to fit within the design using masks and layers.
6. Incorporating Colors: We explore adding brand colors to the card, applying gradients to create a visually appealing background.
7. Creating Reusable Styles: I demonstrate creating and applying reusable styles for colors and gradients, ensuring consistency across all cards.
8. Designing Multiple Cards: We duplicate the card design and create additional cards for other VR headsets, maintaining a cohesive look.
9. Managing Components: The video covers how to create components for card backgrounds, allowing for easy updates across all cards.
10. Final Adjustments: I make final adjustments to the cards, ensuring they are visually appealing and consistent with the overall design theme.