{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/courses/figma","route":"/learn/courses/figma","canonical":"https://www.layerpath.com/learn/courses/figma","title":"Level Up in Figma: Free Course by Layerpath","h1":"Figma 101 Course","description":"Master Figma with this hands-on, 9-lesson course! Learn essential tools, design systems, prototyping, and advanced features like masking and Figma AI. Perfect for designers, marketers, and PMs who want to streamline their design workflow.","archetype":"course","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"Figma 101 Course"}]},{"type":"paragraph","children":[{"type":"text","value":"Master the essentials and unlock hidden gems in Figma with 9 focused, hands-on lessons — designed to take you from beginner to confident, workflow-savvy designer."}]},{"type":"paragraph","children":[{"type":"link","href":"./figma#lesson1play","children":[{"type":"text","value":"Learn Figma for FREE"}]}]},{"type":"blockquote","children":[{"type":"paragraph","children":[{"type":"text","value":"\"I was totally new to Figma, and this course made it so approachable. It explains things step-by-step without overwhelming you. I finished it in a day and now I’m designing like I’ve been using it for months.\""}]}]},{"type":"heading","depth":2,"children":[{"type":"text","value":"Lesson 1: How to Use Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"Learn the fundamentals of navigating Figma's interface, working with layers and tools, and setting up your first design — perfect for beginners who want to hit the ground running with confidence."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmai9kofo00000dl15hdlhbu0/tour","canonicalUrl":"https://share.layerpath.com/e/cmai9kofo00000dl15hdlhbu0/tour","id":"cmai9kofo00000dl15hdlhbu0"},{"type":"paragraph","children":[{"type":"link","href":"./figma#lesson2play","children":[{"type":"text","value":"Next Lesson"}]}]},{"type":"heading","depth":2,"children":[{"type":"text","value":"Lesson 2: How to Add Text in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"Master the basics of adding, styling, aligning, and managing text in your designs — essential for creating clean UI, headers, buttons, and body content across any layout."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmai9y23500000dlgcsbp5i33/tour","canonicalUrl":"https://share.layerpath.com/e/cmai9y23500000dlgcsbp5i33/tour","id":"cmai9y23500000dlgcsbp5i33"},{"type":"paragraph","children":[{"type":"link","href":"./figma#lesson3play","children":[{"type":"text","value":"Next Lesson"}]}]},{"type":"heading","depth":2,"children":[{"type":"text","value":"Lesson 3: How to Create a Component in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"Turn any element into a reusable component so a single change updates every instance across your file. The foundation of a consistent, maintainable design system."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaia5j5e00110dl1gmby1qvy/tour","canonicalUrl":"https://share.layerpath.com/e/cmaia5j5e00110dl1gmby1qvy/tour","id":"cmaia5j5e00110dl1gmby1qvy"},{"type":"paragraph","children":[{"type":"link","href":"./figma#lesson4play","children":[{"type":"text","value":"Next Lesson"}]}]},{"type":"heading","depth":2,"children":[{"type":"text","value":"Lesson 4: How to Use Auto Layout in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"Build frames that resize, space, and align themselves as content changes. Auto layout is how you create responsive buttons, lists, and cards without manual nudging."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaia8i3a001l0dl1ey6f5j37/tour","canonicalUrl":"https://share.layerpath.com/e/cmaia8i3a001l0dl1ey6f5j37/tour","id":"cmaia8i3a001l0dl1ey6f5j37"},{"type":"paragraph","children":[{"type":"link","href":"./figma#lesson5play","children":[{"type":"text","value":"Next Lesson"}]}]},{"type":"heading","depth":2,"children":[{"type":"text","value":"Lesson 5: How to Prototype in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"Connect your frames with interactions and transitions to build a clickable prototype. Test flows and share a realistic feel for the product before a line of code is written."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaib23ug000y0dl43dob30dz/tour","canonicalUrl":"https://share.layerpath.com/e/cmaib23ug000y0dl43dob30dz/tour","id":"cmaib23ug000y0dl43dob30dz"},{"type":"paragraph","children":[{"type":"link","href":"./figma#lesson6play","children":[{"type":"text","value":"Next Lesson"}]}]},{"type":"heading","depth":2,"children":[{"type":"text","value":"Lesson 6: How to Mask in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"Use a shape or frame to control exactly what part of an image or layer shows through. Masking is essential for cropping to custom shapes and creating clean, polished visuals."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaib9fvt000k0dl18j36ell3/tour","canonicalUrl":"https://share.layerpath.com/e/cmaib9fvt000k0dl18j36ell3/tour","id":"cmaib9fvt000k0dl18j36ell3"},{"type":"paragraph","children":[{"type":"link","href":"./figma#lesson7play","children":[{"type":"text","value":"Next Lesson"}]}]},{"type":"heading","depth":2,"children":[{"type":"text","value":"Lesson 7: How to Clip Content in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"Keep everything inside a frame's bounds with clip content, so overflowing layers are hidden neatly instead of spilling past the edges. The clean way to contain busy designs."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaibehf0001c0dl16nmuhota/tour","canonicalUrl":"https://share.layerpath.com/e/cmaibehf0001c0dl16nmuhota/tour","id":"cmaibehf0001c0dl16nmuhota"},{"type":"paragraph","children":[{"type":"link","href":"./figma#lesson8play","children":[{"type":"text","value":"Next Lesson"}]}]},{"type":"heading","depth":2,"children":[{"type":"text","value":"Lesson 8: How to Export Multiple Frames as One PDF in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"Combine several frames into a single, multi-page PDF in one export. Ideal for sharing full flows, decks, and design handoffs without stitching files together."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaic0a6200210dl44ce3gz4t/tour","canonicalUrl":"https://share.layerpath.com/e/cmaic0a6200210dl44ce3gz4t/tour","id":"cmaic0a6200210dl44ce3gz4t"},{"type":"paragraph","children":[{"type":"link","href":"./figma#lesson9play","children":[{"type":"text","value":"Next Lesson"}]}]},{"type":"heading","depth":2,"children":[{"type":"text","value":"Lesson 9: How to Use Figma AI"}]},{"type":"paragraph","children":[{"type":"text","value":"Speed up your workflow with Figma AI: generate content, rename layers, search your designs, and automate repetitive tasks so you can focus on the creative work."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaic84f8002q0dl41pe118gq/tour","canonicalUrl":"https://share.layerpath.com/e/cmaic84f8002q0dl41pe118gq/tour","id":"cmaic84f8002q0dl41pe118gq"},{"type":"paragraph","children":[{"type":"link","href":"https://layerpath.com/","children":[{"type":"text","value":"Explore Layerpath"}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmai9kofo00000dl15hdlhbu0/tour","canonicalUrl":"https://share.layerpath.com/e/cmai9kofo00000dl15hdlhbu0/tour","id":"cmai9kofo00000dl15hdlhbu0"},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmai9y23500000dlgcsbp5i33/tour","canonicalUrl":"https://share.layerpath.com/e/cmai9y23500000dlgcsbp5i33/tour","id":"cmai9y23500000dlgcsbp5i33"},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaia5j5e00110dl1gmby1qvy/tour","canonicalUrl":"https://share.layerpath.com/e/cmaia5j5e00110dl1gmby1qvy/tour","id":"cmaia5j5e00110dl1gmby1qvy"},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaia8i3a001l0dl1ey6f5j37/tour","canonicalUrl":"https://share.layerpath.com/e/cmaia8i3a001l0dl1ey6f5j37/tour","id":"cmaia8i3a001l0dl1ey6f5j37"},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaib23ug000y0dl43dob30dz/tour","canonicalUrl":"https://share.layerpath.com/e/cmaib23ug000y0dl43dob30dz/tour","id":"cmaib23ug000y0dl43dob30dz"},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaib9fvt000k0dl18j36ell3/tour","canonicalUrl":"https://share.layerpath.com/e/cmaib9fvt000k0dl18j36ell3/tour","id":"cmaib9fvt000k0dl18j36ell3"},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaibehf0001c0dl16nmuhota/tour","canonicalUrl":"https://share.layerpath.com/e/cmaibehf0001c0dl16nmuhota/tour","id":"cmaibehf0001c0dl16nmuhota"},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaic0a6200210dl44ce3gz4t/tour","canonicalUrl":"https://share.layerpath.com/e/cmaic0a6200210dl44ce3gz4t/tour","id":"cmaic0a6200210dl44ce3gz4t"},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cmaic84f8002q0dl41pe118gq/tour","canonicalUrl":"https://share.layerpath.com/e/cmaic84f8002q0dl41pe118gq/tour","id":"cmaic84f8002q0dl41pe118gq"}],"plainText":["Figma 101 Course","Master the essentials and unlock hidden gems in Figma with 9 focused, hands-on lessons — designed to take you from beginner to confident, workflow-savvy designer.","Learn Figma for FREE","\"I was totally new to Figma, and this course made it so approachable. It explains things step-by-step without overwhelming you. I finished it in a day and now I’m designing like I’ve been using it for months.\"","Lesson 1: How to Use Figma","Learn the fundamentals of navigating Figma's interface, working with layers and tools, and setting up your first design — perfect for beginners who want to hit the ground running with confidence.","https://share.layerpath.com/e/cmai9kofo00000dl15hdlhbu0/tour","Next Lesson","Lesson 2: How to Add Text in Figma","Master the basics of adding, styling, aligning, and managing text in your designs — essential for creating clean UI, headers, buttons, and body content across any layout.","https://share.layerpath.com/e/cmai9y23500000dlgcsbp5i33/tour","Next Lesson","Lesson 3: How to Create a Component in Figma","Turn any element into a reusable component so a single change updates every instance across your file. The foundation of a consistent, maintainable design system.","https://share.layerpath.com/e/cmaia5j5e00110dl1gmby1qvy/tour","Next Lesson","Lesson 4: How to Use Auto Layout in Figma","Build frames that resize, space, and align themselves as content changes. Auto layout is how you create responsive buttons, lists, and cards without manual nudging.","https://share.layerpath.com/e/cmaia8i3a001l0dl1ey6f5j37/tour","Next Lesson","Lesson 5: How to Prototype in Figma","Connect your frames with interactions and transitions to build a clickable prototype. Test flows and share a realistic feel for the product before a line of code is written.","https://share.layerpath.com/e/cmaib23ug000y0dl43dob30dz/tour","Next Lesson","Lesson 6: How to Mask in Figma","Use a shape or frame to control exactly what part of an image or layer shows through. Masking is essential for cropping to custom shapes and creating clean, polished visuals.","https://share.layerpath.com/e/cmaib9fvt000k0dl18j36ell3/tour","Next Lesson","Lesson 7: How to Clip Content in Figma","Keep everything inside a frame's bounds with clip content, so overflowing layers are hidden neatly instead of spilling past the edges. The clean way to contain busy designs.","https://share.layerpath.com/e/cmaibehf0001c0dl16nmuhota/tour","Next Lesson","Lesson 8: How to Export Multiple Frames as One PDF in Figma","Combine several frames into a single, multi-page PDF in one export. Ideal for sharing full flows, decks, and design handoffs without stitching files together.","https://share.layerpath.com/e/cmaic0a6200210dl44ce3gz4t/tour","Next Lesson","Lesson 9: How to Use Figma AI","Speed up your workflow with Figma AI: generate content, rename layers, search your designs, and automate repetitive tasks so you can focus on the creative work.","https://share.layerpath.com/e/cmaic84f8002q0dl41pe118gq/tour","Explore Layerpath"]}