{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-create-a-component-in-figma","route":"/learn/how-to-create-a-component-in-figma","canonical":"https://www.layerpath.com/learn/how-to-create-a-component-in-figma","title":"How to Create a Component in Figma","h1":"How to Create a Component in Figma","description":"Discover the step-by-step guide on how to create components in Figma. Enhance your design workflow and streamline your projects with our expert tips.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Create a Component in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide will walk you through the step-by-step process of creating a component in Figma. Components are reusable elements that help you maintain design consistency throughout your project. Follow these steps to create your first component."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9b6zbtu0001jy0c8t07psai/tour","canonicalUrl":"https://share.layerpath.com/e/cm9b6zbtu0001jy0c8t07psai/tour","id":"cm9b6zbtu0001jy0c8t07psai"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Text"}]},{"type":"text","value":" – Click on the text object you want to change."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Go to the Right Sidebar"}]},{"type":"text","value":" – In the "},{"type":"strong","children":[{"type":"text","value":"Text"}]},{"type":"text","value":" section, you’ll see the current font name."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click the Font Dropdown"}]},{"type":"text","value":" – A list of available fonts will appear."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Choose a Font"}]},{"type":"text","value":" – Scroll or search to find and select the desired font."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":" – The selected font is applied to your text instantly."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9b6zbtu0001jy0c8t07psai/tour","canonicalUrl":"https://share.layerpath.com/e/cm9b6zbtu0001jy0c8t07psai/tour","id":"cm9b6zbtu0001jy0c8t07psai"}],"plainText":["How to Create a Component in Figma","This guide will walk you through the step-by-step process of creating a component in Figma. Components are reusable elements that help you maintain design consistency throughout your project. Follow these steps to create your first component.","https://share.layerpath.com/e/cm9b6zbtu0001jy0c8t07psai/tour","Select the Text – Click on the text object you want to change.\nGo to the Right Sidebar – In the Text section, you’ll see the current font name.\nClick the Font Dropdown – A list of available fonts will appear.\nChoose a Font – Scroll or search to find and select the desired font.\nDone – The selected font is applied to your text instantly."]}