Design & UX

Figma

A browser-based design tool used to create, prototype and share interface designs.

By Nick Irmo · Updated

What Figma means

Teams use Figma for wireframes, mockups, design systems and developer handoff. Several people can work in the same file at once and leave comments.

Why it matters for your website

Figma lets you see and comment on a site's design before anyone writes code, which is much cheaper than changing a built site. Teams and clients can work in the same file, so feedback stays in one place. Clear designs in Figma also lead to fewer surprises during development.

Example

A dental practice's office manager reviews homepage mockups in Figma, leaves comments on button text and approves the mobile layout before development begins.

Tips

  • Ask for mobile and desktop designs, not just desktop.
  • Leave comments right on the design instead of sending long emails.
  • Make sure the business gets access to final design files at the end.

Common mistakes

  • Approving designs without checking real content, which may not fit the layout later.
  • Treating a static mockup as proof of how animations and forms will behave.

Questions about Figma

What is Figma?
A browser-based design tool used to create, prototype and share interface designs.
Is Figma free to use?
Figma offers a free plan with limits, along with paid plans for teams. Clients can often view and comment without paying.
Can Figma designs be turned straight into a website?
Some plugins and tools generate code or sites from Figma, but most professional sites still need developers to build responsive, accessible pages.

Learn more

Tell us what the site needs to do.

Share a few details and a budget range. We reply within one business day with a plan, a platform recommendation and a fixed quote.