{"product_id":"learn-figma-from-scratch","title":"Learn Figma From Scratch","description":"\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eLearn Figma From Scratch\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eNo design experience? No problem.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eThis course takes you from opening Figma for the first time to building real, interactive UI designs — step by step, with no assumed knowledge and no fluff.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eYou'll learn how Figma actually works: frames, auto layout, components, variables, and prototyping. Not just the theory — you'll build things along the way, from buttons and navigation bars to forms and a full-page design based on a real-world brief.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eWhat you'll learn:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"[li_\u0026amp;]:mb-0 [li_\u0026amp;]:mt-1 [li_\u0026amp;]:gap-1 [\u0026amp;:not(:last-child)_ul]:pb-1 [\u0026amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\"\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003eSetting up Figma and finding your way around the interface\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003eWorking with frames, layers, and the design panel\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003eBuilding layouts with auto layout and nesting\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003eCreating reusable components and updating them across your designs\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003eAdding interactions, hover effects, and stitching screens together into a working prototype\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003eUsing variables to manage colors, labels, and icons at scale\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003eFinishing with a real design project based on the Barclays homepage\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eWho this is for:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eAnyone starting from zero. You don't need to know what a component is, what auto layout does, or how UI design works. By the end, you will.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eWhat you get:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e36 video lessons across 9 modules, with hands-on activities after each section so you're practicing as you go, not just watching.\u003c\/p\u003e","brand":"On-Off Group","offers":[{"title":"Default Title","offer_id":44034487648299,"sku":null,"price":94.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0596\/9595\/6011\/files\/pexels-zayed-hossain-52728970-36747234.jpg?v=1778056355","url":"https:\/\/store.onoffgroup.com\/products\/learn-figma-from-scratch","provider":"On-Off Group","version":"1.0","type":"link"}