AI, Figma, Code: Inside a $90,000 Rebrand, by Pixel Point on YouTube. 39 min 16 s.
- Video length
- 39 min 16 s
- Time to do it
- 45 minutes
- Difficulty
- Easy
- Steps
- 8
What you need
Steps
Write a one-page brief before you open Figma. Note the audience, three feelings the brand should give, and anything that is off limits.
Create a new Figma file and rename the first page Moodboard. Draw a frame around 1920 by 1080 pixels so each direction has room to breathe.
Collect 20 to 30 references: photos, type samples, colours, packaging and sites you like. Save the images, then drag them onto the canvas.
Sort the images into two or three themes. Duplicate the frame for each theme and move pictures between them until each one has a clear character.
Crop and resize so the board reads at a glance. Double-click an image to crop it, and drag the corner handles while holding Shift to keep proportions.
Sample the key colours with the eyedropper or the colour picker. Add a row of small rectangles under each theme to show the palette.
Type the brand name in two or three candidate typefaces at a large size beside the images so you can judge the pairing.
Name each board and add a one-line note on why the images belong together. Share the file as a link or export the frames as PNG.
Tips and common mistakes
Aim for 15 to 25 strong images per direction; a crowded board stops reading as a single idea.
Keep the source link in the layer name or a small text note so you can find the original later.
Select a frame and use Copy as PNG to drop the board straight into a client deck.
Keep one direction per frame so the client can compare themes side by side instead of untangling a mixed board.
Questions
How many images should one moodboard have?
Around 15 to 25 strong images per direction is enough. More than that and the theme stops being readable in a meeting.
Do I need a paid Figma plan to make a moodboard?
No. The free plan covers a single moodboard file. Paid plans help when several people edit and comment at the same time.
How do I add an image without dragging it?
Press Cmd+Shift+K on Mac or Ctrl+Shift+K on Windows, then pick the file. You can also paste an image straight from your clipboard.
This guide was drafted from the video's details and general task knowledge. It has not been checked against the full video. Check the video and relevant product instructions before following a procedure. Report a correction.
