Web Design » Figma » How Do I Create a Checkbox in Figma?

How Do I Create a Checkbox in Figma?

Last updated on November 28, 2022 @ 9:29 am

Creating a checkbox in Figma is a simple process that can be completed in just a few steps. To get started, create a new frame or open an existing one.Create a Frame in FigmaThen, select the Rectangle tool from the toolbar and draw a small square on the frame.Create a small square inside the frameMake adjustments to the square to make it look like a checkbox.Make adjustment to the square to make it look like a checkboxAdjustment DoneNext, select the resources icon from the toolbar and click plugins. Type “Iconify” in the search bar to find some check icons.Search for the Iconify Plugin in Resource tabRun the plugin.Run the pluginUse the search bar to search for “check” icons and select one of the icons that you want.Select one of the check iconClick “Import Icon”, the icon will be in your Figma file immediately. Close the plugin to check the icon you imported.Importing iconMake adjustments to your check icon using the design tab in the right side panel and then put it inside of the box you created.Make adjustments to your check icon to make it look like a checkbox finalAdjustment Done in the checkbox

PRO TIP: If you are not familiar with Figma, we recommend that you do not attempt to create a checkbox. This could result in unwanted changes to your design.

Now that you have your checkbox created, you can add some text to it by selecting the Text tool from the toolbar and clicking inside the square. Put some text in your checkboxType out whatever text you want and then hit the Enter key to confirm.Text added to your checkboxCongratulations! You’ve now successfully created a checkbox in Figma.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.