freeCodeCamp/guide/english/designer-tools/figma/index.md

---
title: Figma
---
## Figma

Figma is an interface design tool based in the browser, making it easier for teams to create software. It connects to the cloud, allowing for multiple designers to work on the same project simultaneously.

It has an in-built version control system, like Git, which allows designers to design without the fear of designs being overridden or deleted by fellow team-mates. 

Figma also has an inbuilt protyping fuctions that also you to quickly create animated prototypes and share it to key stakeholders.

### Why Figma?

* Browser-based
* The desktop app is available for both Mac and Windows (unlike Sketch)
* In-built versioning
* You can import your Sketch files
* Strong Typography and Vector Graphic Tools
* It has a Multiplayer Mode which makes collaboration a breeze
* Easy integration with Zeplin and Avocode for exporting your designs
* Easy link-sharing of mockups and prototypes
* In-built protyping capabilities
* You can build and share libraries between your projects
* You can live preview the prototypes on mobile devices
* Engineers can inspect, export and copy css 

The Figma UI is designed to make transition from Sketch or the Adobe Creative Cloud realtively painless. Using familiar hotkeys, tool iconography, and usage patterns, you can get up to speed quickly. 

#### More Information

The Figma Website - <a href='https://figma.com' target='_blank' rel='nofollow'>Figma</a>

Figma vs Sketch: The Showdown - <a href='https://www.smashingmagazine.com/2017/03/sketch-figma-showdown/' target='_blank' rel='nofollow'>smashingmagazine</a>

Another smackdown, Figma vs Sketch - <a href='https://medium.com/@mengto/figma-vs-sketch-c01e5e74eddd' target='_blank' rel='nofollow'>Medium</a>

Need some tutorials? Check out the official video series by Figma: <a href='https://www.youtube.com/channel/UCQsVmhSa4X-G3lHlUtejzLA' target='_blank' rel='nofollow'>Youtube</a>