{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-use-pen-tool-in-figma","route":"/learn/how-to-use-pen-tool-in-figma","canonical":"https://www.layerpath.com/learn/how-to-use-pen-tool-in-figma","title":"How to Use Pen Tool in Figma","h1":"How to Use Pen Tool in Figma","description":"Master the Pen Tool in Figma with our comprehensive guide. Learn tips and techniques to create stunning designs effortlessly. Start designing today!","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Use Pen Tool in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide provides a step-by-step process to use the Pen Tool in Figma. Follow these instructions to create custom shapes and vector paths seamlessly."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9h50vnq0003ie0docigcsgr/tour","canonicalUrl":"https://share.layerpath.com/e/cm9h50vnq0003ie0docigcsgr/tour","id":"cm9h50vnq0003ie0docigcsgr"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Open Your Figma File"}]},{"type":"text","value":" – Launch Figma and open the design file where you want to draw using the pen tool."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Pen Tool"}]},{"type":"text","value":" – Click the "},{"type":"strong","children":[{"type":"text","value":"Pen Tool"}]},{"type":"text","value":" icon in the top toolbar, or press "},{"type":"inlineCode","value":"P"},{"type":"text","value":" on your keyboard."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click to Create Straight Lines"}]},{"type":"text","value":" – Click once to create anchor points. Figma will connect them with straight lines."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click and Drag for Curves"}]},{"type":"text","value":" – Click and drag to create a curved line. Adjust the direction handles to fine-tune the curve."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Close the Path (Optional)"}]},{"type":"text","value":" – To make a closed shape, click back on the starting point."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Edit the Path"}]},{"type":"text","value":" – Press "},{"type":"inlineCode","value":"Enter"},{"type":"text","value":" to enter vector edit mode. You can now move anchor points, adjust curves, and refine the shape."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Finish Drawing"}]},{"type":"text","value":" – Press "},{"type":"inlineCode","value":"Esc"},{"type":"text","value":" or switch tools to stop using the pen tool."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":" – Your custom path or shape is now ready to style or use in your design."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9h50vnq0003ie0docigcsgr/tour","canonicalUrl":"https://share.layerpath.com/e/cm9h50vnq0003ie0docigcsgr/tour","id":"cm9h50vnq0003ie0docigcsgr"}],"plainText":["How to Use Pen Tool in Figma","This guide provides a step-by-step process to use the Pen Tool in Figma. Follow these instructions to create custom shapes and vector paths seamlessly.","https://share.layerpath.com/e/cm9h50vnq0003ie0docigcsgr/tour","Open Your Figma File – Launch Figma and open the design file where you want to draw using the pen tool.\nSelect the Pen Tool – Click the Pen Tool icon in the top toolbar, or press P on your keyboard.\nClick to Create Straight Lines – Click once to create anchor points. Figma will connect them with straight lines.\nClick and Drag for Curves – Click and drag to create a curved line. Adjust the direction handles to fine-tune the curve.\nClose the Path (Optional) – To make a closed shape, click back on the starting point.\nEdit the Path – Press Enter to enter vector edit mode. You can now move anchor points, adjust curves, and refine the shape.\nFinish Drawing – Press Esc or switch tools to stop using the pen tool.\nDone – Your custom path or shape is now ready to style or use in your design."]}