What Figma means
Designers, developers, and clients can view and comment on the same file in real time, which shortens feedback loops.
Components and styles in Figma map closely to components in code, keeping design and build consistent.
Web Development
Figma
Figma is a browser-based design tool for creating website and app interfaces, prototypes, and design systems that teams edit together.
Example
A client reviews a clickable Figma prototype of their new site and approves the layout before development starts.
Why it matters
Figma is the industry standard for interface design, so it is a core skill for designers and useful for developers.
Keep learning
Related terms.
- UI designUI design is the visual layer of a product: layout, typography, colour, buttons, and icons, designed to be clear, consistent, and on brand.
- UX designUX design shapes how easy and pleasant a product is to use, from page structure and navigation to forms, based on real users' needs.
- WireframeA wireframe is a simple, low-detail layout of a page showing structure and content placement before visual design or code begins.
Web Development
Want this donefor your business?
Tell us what you are trying to achieve and we will recommend the right approach, a timeline, and a quote.
Available for new projects — Replies within one business day