A Beginner’s guide on Figma

Zeeshan Haider Shaheen
3 min readSep 1, 2020

What is Figma?

Figma is a cloud-based design and prototyping tool for digital projects. It’s made so that users can collaborate on projects and work pretty much anywhere. Figma is a cloud-based design tool that is similar to Sketch in functionality and features, but with big differences that make Figma better for team collaborations.

Here’s a look at Figma, and how this tool might be beneficial for your projects and workflows.

Platform dependant?

Figma works on any operating system that runs a web browser. Macs, Windows PCs, Linux machines, and even Chromebooks can be used with Figma. It is the only design tool that works on every platform. So if you are using mac or window’s OS, you are not going to find any problem in sharing the files or switching to different platforms as it’s cloud-based.

Have a closer look

So what are the key features of Figma?

Figma is a vector-based design tool that’s highly scalable. It works for individual projects as well as massive team endeavors.

  • Modern pen tool that lets you draw in any direction and instant arc designs
  • Open Type font features
  • Automated tasks via plugins for repeated elements to speed up projects
  • Smart selection tool with auto adjustments for spacing, arrangement, and organizing
  • Flexible styles that save right to your project
  • Create design systems and components
  • Drag and drop accessible libraries
  • Ability to have unlimited viewers on a project so the whole team is in the know
  • Inspect design files and grab code snippets
  • Easy export feature, that has a live link (not a flat PDF)
  • Design interactions and mobile-optimized prototypes
  • Smart animation to connect objects and transitions
  • Embedded commenting
  • Edit together with teams in real-time in shared design spaces
  • Version history that lets you know everything that has changed, and who did it
  • Create design systems with searchable assets, shareable styles, and everything in one location
  • Create reusable components with the ability to override them when necessary
  • One platform for everything from design to prototype

Samples of UI designs created with Figma

Education course Figma UI

I hope this article was very helpful. Please let me know in the comments section if you have any queries.

Thanks

regards,

Zeeshan Haider Shaheen

--

--