KLD Institute
Menu
Course mapOpen study notes

Slide 30 of 36

Tool lab setup

Open Figma and build a small layout board

  • Sign in to Figma and create a file named Layout and Spacing Studio.
  • Create one mobile frame and one desktop frame.
  • Add a simple screen using rectangles, text, and one primary action.
Practice sequence
  1. 1OpenCreate or sign in to a Figma account.
  2. 2FrameMake mobile and desktop frames in one file.
  3. 3BlockAdd rough content blocks before visual styling.
  4. 4AnnotateName first, second, third priority beside the frames.