Figma
Designing and prototyping user interfaces with real-time team collaboration
Figma is a browser-based interface design tool used by UX and UI designers, product managers, and developers to create wireframes, high-fidelity mockups, interactive prototypes, and design systems. Multiple collaborators can work simultaneously on the same file, making it a standard environment for design reviews, stakeholder presentations, and handoff to engineering teams. Components and styles in Figma enable teams to maintain consistency across a product's visual language, and the inspect panel exposes CSS properties and spacing values that developers use when implementing designs. Figma has become the dominant design tool for digital product teams, displacing Sketch and Adobe XD across most product and UX organisations.
Official Website
Figma official site →Pricing
View pricing →Figma Use Cases
- Creating wireframes and high-fidelity interface mockups for web and mobile applications through to screen-level visual specification
- Building interactive prototypes that simulate navigation and micro-interactions for user research sessions and stakeholder reviews
- Maintaining a shared component library and design system that keeps visual consistency across all product screens and touchpoints
- Running collaborative design reviews where multiple team members annotate and comment on designs in real time within the file
- Generating developer handoff documentation through the inspect panel, exposing spacing, typography, and colour values for implementation
Figma Learning Resources
Figma Learn at help.figma.com/hc/en-us/categories/360002051613 provides official tutorials covering components, prototyping, and collaboration. Figma's free Community at figma.com/community contains published design files and templates for hands-on study of real-world approaches.