← Week 1

Week 1 — Figma 101 & Moodz-Vibe

DESN 368

Week 1 — Figma 101 & Moodz-Vibe

Personal Brand Exploration · Spring 2026

Getting Started

Click this link and duplicate the file then work through the Figma 101 tutorial.

You can work through the whole thing or stop at groups and frames.

Create Your Mood Board

When you are done/ready, create a mood board for you as a personal brand in the Figma team:
https://www.figma.com/files/team/1619464934572241471/project/578864478?fuid=82142560395045576

Brand Exploration

Research and gather information about the values, aspirations, hobbies, and any other relevant aspects that you want to contribute to your personal brand. We suggest sourcing from your designer-coder manifesto and your about-me.md.

Visual System

Imagery

8–12 assets (photos, textures, UI snippets, patterns) that fit your brand vibe.

Color

Primary palette (3–5 colors) + neutrals. Include HEX values for each swatch.

Type

2–3 candidate pairs (headline + body).

Keywords

5–8 brand adjectives pulled from or consistent with your aboutme.md.

You

Include one image of yourself (can be stylized).

Design Composition

Arrange the collected design elements on a digital canvas to create a visually cohesive moodboard. Experiment with different layouts to find the most effective arrangement.

Typography

Integrate typography that complements your brand image. Experiment with various fonts, sizes, and styles to convey the desired emotions. (This doesn't have to be the final font you are planning to use in your final product.)

Color Palette

Choose a color palette that aligns with your brand's personality. Ensure the colors evoke the intended emotional response.

Submission

File Name: Name your Figma file desn368-moods-vibe-name-s26

Upload Location:

https://www.figma.com/files/team/1619464934572241471/project/578864478?fuid=821425603950455766