Figma Tutorial Guide

Figma Plugins

Notes

Organization & Structure Issues

Mistakes:

• Poor layer naming: Generic names like "Frame 57", "Frame 48", "Frame 44" instead of descriptive names
• Inconsistent naming convention: Mix of "Frame" numbers and descriptive names like "simple-line-arrow"
• Cluttered layer panel: Too many ungrouped frames at the root level

What should be done instead:

• Use descriptive, semantic naming (e.g., "Login-Screen", "Dashboard-Header", "Navigation-Menu")
• Establish consistent naming conventions across the project

Design System & Consistency

Mistakes:

• Inconsistent spacing and layout: Frames appear randomly placed without grid alignment
• Mixed design approaches: Different screen types and styles mixed together without clear hierarchy

Workflow & File Management

Mistakes:

• Canvas organization: Frames scattered across the canvas without logical flow
• No clear user flow: Screens don't appear to follow a logical sequence
• Missing documentation: No apparent annotations or design specifications