some image

What is Figma, How is it Used?

With this article; You will discover Figma, a cloud-based design and prototyping tool for digital projects. You will learn what you can do with this tool, which has been very popular in the design world recently, and what the tool offers us. You will also be able to start using Figma with a hands-on example.
Userspots
online at Academy who continue Figi on Education 'what participating in "Fig on" you can experience as a practical tool.

‍‍

‍‍

What is Figma?

Figma is a cloud-based design and prototyping tool for digital projects. It is made so that users can work on projects collaboratively and almost anywhere. You can design, prototype and transfer developers with one tool. Figma is a cloud-based design tool similar to Sketch in functionality and features, but there are major differences that make Figma better for team collaborations.

Figma works on any operating system running a web browser and is the only design tool that works on every platform. So, if you are using Mac or Windows operating system, you should not have any problems sharing files or switching to different platforms as it is cloud-based.
‍‍

Why Figma?

1. Very Fast Onboarding 

Usually before using design tools, you have to download a heavy app and then try it for 30 days before pulling out your credit card. No installation, no trial period with Figma. You can sign up and start using it for free, but if you're looking for the full experience you'll need to upgrade to their paid plan. It's completely web-based so you can log in with your browser and start designing. There's also a Mac/Window app if you want to have the app of course. You can also import a project file that you work in Sketch into Figma. So you don't have to start over, which makes it very easy to continue designing your project. And since its interface is very similar to Sketch, you can focus on the project without being unfamiliar.

‍‍

2. Collaboration Opportunity

During this time of working remotely, Figma is of course saving lives because it is the perfect tool for collaborating with the team. It is possible to give and receive feedback with the comment feature. You just copy the link of the Figma file to share and send it, it's that easy. No need to download, install or update anything. Anyone you share your designs with can see and/or comment. All you need is an up-to-date browser. 

 

3. Figma and Slack Integration

Figma also has the feature of being integrated with Slack. Thus, by integrating Figma into your team's Slack group, you can follow the changes made and comments on these changes easily and quickly. 

‍‍

4. Faster Workflow

With Figma, you can experience a very fast design process as everything happens in the browser. We have not yet heard of anyone experiencing crashes or delays. Moreover, the browser-based workflow is really cool. For example, you can go to a website, right-click an SVG image and say “Inspect”, then just copy the SVG code and paste it into Figma. As a result, you have this vector image ready for editing in your design. 

‍‍

5. AutoSave Feature

Figma is cloud-based, so you don't have to worry about forgetting to save your work or if your computer crashes, it saves itself automatically.

‍‍

6. Prototyping

You can simply switch to the Prototype section and start prototyping. You don't need to upload your designs to another platform to prototype with Figma.

7. Figma Mirror

Figma Mirror is the mobile application of Figma. By downloading this application to your phone, you can simultaneously view your screens in mobile projects and experience the prototype. It is also possible to perform usability testing on the prototype, as close to reality as possible.

‍‍

8. Easy Transfer to Developer

Developer team can see your design without editing/editing authority and can export any asset/component/screen from the design regardless of CSS/iOS/Android. In other words, Figma does not need to upload and transfer your screens to a third-party application such as Zeplin, Avocode, InVision.

‍‍

What Are the Key Elements of Figma?

1. Frames & Layout Grids

Choosing the preferred web or mobile screen frame size is our first step in every project. You can access the frames from the top panel or by pressing the "F" key on your keyboard as a shortcut. One of the features in Figma frames is the masking tool that hides the elements protruding from the frame. This can be especially useful for beginners.

Another thing is the use of layout grids in frames that can help you speed up the whole design process. Grid also serves as a useful, yet very simple to use tool in Figma. It allows designers to check negative areas and layering elements on the same area and come up with a layout code.

‍‍

2. Color Libraries

When you create and use a specific color setting in a design project, Figma automatically adds it to your library. You can access it from the "Document Color" option in the menu where all your color palettes in the menu are saved and ready to be used again.

This way, when you're working on a project with the same hues and schemes, you don't have to manually save each color separately.

‍‍

3. Constraints

While making a responsive design with Figma constraints, you can easily switch between web and mobile views.

What are the Pros of Figma?

If we summarize the advantages of Figma, item by item;

• It saves space on your computer. Because you can use it by opening it from your browser without any downloading and it does all the storage in the Cloud.

• Provides easy and fast workflow. You can choose one of the templates, maps and many more templates it offers and start working directly. 

• Provides collaborative and online working opportunities. In the remote working process, you can work with your team and your customers in a joint and simultaneous manner and get rid of the trouble of transferring.

‍‍

What are the Cons of Figma?

If you say that Figma is an excellent tool or does it have any missing aspects; ‍‍

• Connection problems can cause simultaneous display glitches. If your internet connection drops and slows down while using Figma from the browser, your team may not be able to view your edits simultaneously.

• Working on a joint file with more than one person can cause some confusion. To avoid confusion, it may be helpful to keep track of the most recent edit and who made it.

• Since you are storing in the Cloud, your access to the project files is also cut off when your internet connection is interrupted. In a working day when your internet is cut off, there may be no choice but to sit and wait for the internet to arrive in order to reach your project...