ui-design

Figma is a browser-based design tool used by 99% of product teams and freelance designers. Unlike Photoshop or Sketch, Figma runs entirely in the browser, eliminates version control chaos, and enables real-time collaboration. Core concepts: Frames (artboards), Components (reusable design elements), Auto Layout (responsive design without code), and Prototyping (clickable mockups). A beginner workflow involves creating a Frame, adding shapes/text, converting frequently-used elements to Components, applying Auto Layout for scaling, and prototyping interactions. Most beginners spend 60% of time fighting tools instead of designing. This article covers what Figma actually is, the five foundational concepts, a beginner's first-hour workflow, and practical keyboard shortcuts that save hours of clicking.