{"id":8665,"date":"2026-08-10T09:58:33","date_gmt":"2026-08-10T09:58:33","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/designcode-figma-handbook-2024-12\/"},"modified":"2026-08-10T09:58:33","modified_gmt":"2026-08-10T09:58:33","slug":"designcode-figma-handbook-2024-12","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/designcode-figma-handbook-2024-12\/","title":{"rendered":"DesignCode \u2013 Figma Handbook 2024-12"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2>Descriptions<\/h2>\n<p>Figma Handbook, Getting started with Figma as your design tool, Getting familiar with the Figma interface, Getting to know the tool panel in Figma, Working with Position, Size, Rotation, &amp; Corner Radius properties, Working with color styles on Figma, Using masks to clip content and compose your design in Figma, Learn to design and adapt for designs for Dark Mode with Selection Colors, We\u2019ll walk through all the different ways to use gradients in your work, as well as techniques when creating them, Design backgrounds in Figma, Learn to interesting techniques with Blending Modes, Exploring Alignment and Tidy up in Figma, Working on union and corner radius, Exploring ways to incorporate shadows and blur to your design, Steps on how to use images in Figma, Get to know more about the Fill and various Stroke options in Figma, Explore and learn about Figma\u2019s type properties, Explore the differences between Google Fonts and custom fonts for your website, Exploring a11y in design, Designing responsive layouts in Figma using Constraints and Auto Layout, Working with Constraints in Figma, Learn to design using grids, columns, rows and margins., Working with Auto Layout for responsive design, Exploring vector mode to edit and customize vector shapes, Learn to use vector networks and design icons, Use realistic mockups to present your designs, Adding 3D mockups to design, Incorporate illustrations into your design, Using booleans to design icons, Learn how to design icons using the tools provided by Figma, Make your design more reusable by using components., Publishing your design styles and components, Working with Confetti plugin, Working with Looper Figma plugin, Creating apple watch ring in Figma, Learn about exporting assets in Figma for implementation, Working with CSS code on Figma, Plugins to help you design with real content, Quickly create an entire flow for your app design in Figma, Working with version history on Figma, Learn about collaboration &amp; sharing with Figma, Combining similar components into variants<\/p>\n<h3>What you\u2019ll learn<\/h3>\n<ul>\n<li><span class=\"phrase-token\" data-par-index=\"0\" data-phrase-index=\"0\">Working<\/span> with version history on Figma<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"1\" data-phrase-index=\"0\">Learn<\/span> about collaboration &amp; sharing with Figma<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"2\" data-phrase-index=\"0\">Combining<\/span> similar components into variants<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"3\" data-phrase-index=\"0\">Creating<\/span> reusable interactions using interactive components<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"4\" data-phrase-index=\"0\">Designing<\/span> using UIKits in Figma<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"5\" data-phrase-index=\"0\">Exploring<\/span> and Designing using Plugins in Figma<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"6\" data-phrase-index=\"0\">Create<\/span> a simple blob background in Figma<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"7\" data-phrase-index=\"0\">Create<\/span> a wave design in Figma using the Bend tool and the Wave plugin<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"8\" data-phrase-index=\"0\">Create<\/span> 3D-looking shapes using vector tools in Figma<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"9\" data-phrase-index=\"0\">Learn<\/span> how to create a parallax scrolling animation technique where the background and the foreground layers move at different speed<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"10\" data-phrase-index=\"0\">Transforming<\/span> your user interface with the power of three-dimensional perspective<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"11\" data-phrase-index=\"0\">Learn<\/span> how to design a creative icon using background blur<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"12\" data-phrase-index=\"0\">Animate<\/span> waves in a crystal ball using the prototyping tool<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"13\" data-phrase-index=\"0\">Learn<\/span> how to animate lines using CSS in CodeSandbox<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"14\" data-phrase-index=\"0\">Learn<\/span> how to create a futuristic background with lines using the pen tool in Figma<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"15\" data-phrase-index=\"0\">Best<\/span> practices for importing an Illustrator file to Figma<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"16\" data-phrase-index=\"0\">Use<\/span> the vector tool in Figma to create an illustration from scratch<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"17\" data-phrase-index=\"0\">Remove<\/span> an image background with the RemoveBG plugin in Figma<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"18\" data-phrase-index=\"0\">Design<\/span> a camera controller with clock lines in Figma<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"19\" data-phrase-index=\"0\">Publishing<\/span> design files in the Figma Community<\/li>\n<li><span class=\"phrase-token\" data-par-index=\"20\" data-phrase-index=\"0\">Convert<\/span> an image into vector in Figma<\/li>\n<\/ul>\n<h3>Specificatoin of Figma Handbook<\/h3>\n<ul>\n<li>Publisher : <a href=\"https:\/\/href.li\/?https:\/\/designcode.io\/figma-handbook\" target=\"_blank\" rel=\"noopener\">DesignCode<\/a><\/li>\n<li>Teacher : <a href=\"https:\/\/downloadlynet.ir\/tag\/meng-to\">Meng To<\/a><\/li>\n<li>Language : English<\/li>\n<li>Level : All Levels<\/li>\n<li>Number of Course : 121<\/li>\n<li>Duration : 6 hours<\/li>\n<\/ul>\n<h3>Content of Figma Handbook<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-963762\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/02\/FigmaHandbook.c.png\" alt=\"Figma Handbook\" width=\"557\" height=\"1265\"><\/p>\n<h3>Pictures<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-963742\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/02\/Figma-Handbook.d.jpeg\" alt=\"Figma Handbook\" width=\"720\" height=\"226\"><\/p>\n<h3>Sample Clip<\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-154668-1\"><video class=\"wp-video-shortcode\" id=\"video-154668-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Figma_Handbook_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Figma_Handbook_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Figma_Handbook_Downloadly.ir.mp4?nocache=1786112894149\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Figma_Handbook_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3>Installation Guide<\/h3>\n<p>Extract the files and watch with your favorite player<\/p>\n<p>Subtitle : Not Available<\/p>\n<p>Quality: 1080p<\/p>\n<h3>Download Links<\/h3>\n<p><a href=\"https:\/\/dl1.downloadly.ir\/Files\/Elearning\/DesignCode_Figma_Handbook_2024-12_Downloadly.ir.part1.rar?nocache=1786112892\">Download Part 1 \u2013 1 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl1.downloadly.ir\/Files\/Elearning\/DesignCode_Figma_Handbook_2024-12_Downloadly.ir.part2.rar?nocache=1786112892\">Download Part 2 \u2013 1 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl1.downloadly.ir\/Files\/Elearning\/DesignCode_Figma_Handbook_2024-12_Downloadly.ir.part3.rar?nocache=1786112892\">Download Part 3 \u2013 762 MB<\/a><\/p>\n<h5>Password file(s): <a>www.downloadly.ir<\/a><\/h5>\n<h3>File size<\/h3>\n<p>2.74 GB<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Descriptions Figma Handbook, Getting started with Figma as your design tool, Getting familiar with the Figma interface, Getting to know the tool panel in Figma,<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[76171,76172,76173,76174,76175,76176,76177,76178,76155],"class_list":["post-8665","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-designcode-figma-handbook","dgi_tag-download-figma-handbook","dgi_tag-figma-handbook","dgi_tag-figma-handbook-download","dgi_tag-figma-handbook-free","dgi_tag-figma-handbook-free-download","dgi_tag-free-download-figma-handbook","dgi_tag-free-figma-handbook","dgi_tag-meng-to"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/8665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/8665\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=8665"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=8665"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=8665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}