Skip to main content

Creating and Managing Maps

Overview​

Maps (also called System Maps) are collections of frames that describe features, modules, or services. Each map provides an end-to-end view of a specific part of your product or system.

What are Maps?​

Maps enable you to:

  • Organize by Feature: Group related frames together (e.g., "User Authentication Flow", "Dashboard Analytics")
  • Navigate Complex Systems: Break down large features into manageable visual maps
  • Link Maps Together: Connect maps using Map Points to create navigation flows
  • Collaborate: Share maps with team members for feedback and documentation

Creating a Map​

Step 1: Navigate to Maps​

  1. Go to your dashboard
  2. Click on "Maps" in the sidebar (or navigate to /dashboard/maps)

Step 2: Create New Map​

  1. Click the "Create Map" button in the top right
  2. Fill in the map details:
    • Name: Give your map a descriptive name (e.g., "User Dashboard", "Checkout Flow")
    • Description: Optional description of what this map represents
    • Team: Assign the map to a specific team (optional)
    • Status: Set initial status (Active, In Progress, etc.)
  3. Click "Create Map"

Your new map will appear in the maps grid.

Managing Maps​

Viewing All Maps​

The Maps page displays all your maps in a grid layout. You can:

  • Filter by Status: Filter maps by their current status
  • Sort: Sort maps by name or creation date
  • Search: Use the search bar to find specific maps

Opening a Map​

Click on any map card to open it and view its frames.

Editing Map Details​

  1. Click on a map to open it
  2. Access map settings (usually via an edit icon or settings menu)
  3. Update the map name, description, team assignment, or status
  4. Save your changes

Deleting a Map​

  1. Open the map you want to delete
  2. Access map settings
  3. Select "Delete Map"
  4. Confirm the deletion

Warning: Deleting a map will also delete all frames and points within it.

Maps Structure​

A Map contains:

  • Frames: Visual screens or diagrams uploaded to the map
  • Points: Interactive markers on frames (Implementation Points, Map Points, Frame Group Points)
  • Metadata: Name, description, team assignment, status

Next Steps​

Once you've created a map:

  1. Add Frames - Upload screens or diagrams to your map
  2. Add Points - Create interactive points to connect UI to implementation details
  3. Link Maps Together - Use Map Points to create navigation flows

Best Practices​

  • Use Descriptive Names: Make map names clear and searchable (e.g., "Payment Processing" not "Map 1")
  • Organize by Feature: Group related screens in the same map
  • Set Appropriate Status: Keep maps organized with status labels (Active, Archived, In Progress)
  • Assign to Teams: Use team assignments to organize maps by ownership