Session 16: Working with Shapes, Components, and Grids

Key Topics:

• Shapes and Layers:
  • Drawing and editing basic shapes.
  • Working with fills, strokes, and borders.
• Components:
  • Understanding reusable components.
  • Creating and using components in multiple frames.
• Grids and Layouts:
  • Setting up grids for responsive design.
  • Using constraints for scalable UI designs.
• Aligning and Distributing Objects:
  • Ensuring precision in design using align tools.
• Project: Design a simple 2-page portfolio interface (homepage and about section).

Practice Activity:
Build a navigation bar with menu items and convert it into a reusable component.