How Do I Create a Template in Figma?

Designing a website or application from scratch can be time-consuming and expensive. Thankfully, Figma templates are an effective way to speed up the process. Figma templates are pre-made design files that provide the basic components of a website or app, such as buttons, forms, and navigation menus. With Figma templates, designers can quickly create prototypes and mockups for their projects and save time in the process.

Creating a template in Figma is fairly straightforward. First, you need to create a new file and select the “Template” option from the drop-down menu. This will bring up a blank canvas where you can start creating your design. You can then select various components from the left-hand side panel such as buttons, text boxes, images, and more to add to your template.

Next, you’ll need to style the components you’ve added. This is where you can really customize your template to fit your project requirements. You can change colors, fonts, sizes and spacing of elements in order to make it look exactly how you want it to look.

Once you are happy with your template layout and styling, it’s time to save it. To do this, click on “File > Save As” and enter a name for your template file in the pop-up window.

This will save it as both an .fig file (editable) and .png image (static). The .fig file will allow you to quickly access your template at any time – so make sure you save this somewhere easily accessible.


Creating a template in Figma is an efficient way to speed up website or application design processes by providing pre-made components for faster prototyping. To create a template in Figma, start by creating a new file and selecting the “Template” option from the drop-down menu.

Then add components from the left panel before customizing them with colors and fonts of your choice. Finally, save the template as both an .