{"id":6821,"date":"2026-08-10T09:37:36","date_gmt":"2026-08-10T09:37:36","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/udemy-figma-html-css-javascript-in-web-design-and-ui-ux-design-2024-10\/"},"modified":"2026-08-10T09:37:36","modified_gmt":"2026-08-10T09:37:36","slug":"udemy-figma-html-css-javascript-in-web-design-and-ui-ux-design-2024-10","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/udemy-figma-html-css-javascript-in-web-design-and-ui-ux-design-2024-10\/","title":{"rendered":"Udemy \u2013 Figma HTML CSS JavaScript in Web Design and UI UX Design 2024-10"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2>Descriptions<\/h2>\n<p>Figma HTML CSS JavaScript in Web Design and UI UX Design, Design everything in Figma &amp; code it using HTML CSS JavaScript, Become a Figma power user by learning how to leverage plugins, Master industry standard UI UX Design standards, Seamlessly inspect and build your Figma Components for development handoff, Become a unicorn UI UX Designer who knows design and code, Automate your brand style guide as a visual designer with Figma, Create complex web design layouts with Figma Auto Layout and use pure CSS Grid and Flexbox, Transform Photoshop into HTML mark up and style it with CSS, Transform SVG with vanilla JavaScript, Trigger JavaScript DOM events and control CSS animations with JavaScript, Learn interaction design with CSS Transitions and Animation, Develop production ready responsive design with Bootstrap 5 Grid system<\/p>\n<h3>What you\u2019ll learn<\/h3>\n<ul>\n<li>Learn UI UX design and front-end coding in 1 course<\/li>\n<li>Transform Figma components into live HTML &amp; CSS components<\/li>\n<li>Master Figma Auto Layout combined with CSS Flexbox &amp; CSS Grid<\/li>\n<li>Design multi-dimensional variants in Figma<\/li>\n<li>Automate design systems with Figma plugins<\/li>\n<li>Develop responsive layouts using Bootstrap 5 grid system<\/li>\n<\/ul>\n<h3>Who this course is for<\/h3>\n<ul>\n<li>Web Developer who want develop Figma components seamlessly<\/li>\n<li>UI UX Designers who want to learn how to code using HTML CSS JavaScript<\/li>\n<\/ul>\n<h3>Specificatoin of Figma HTML CSS JavaScript in Web Design and UI UX Design<\/h3>\n<ul>\n<li>Publisher : <a href=\"https:\/\/href.li\/?https:\/\/www.udemy.com\/course\/uxdevelopment\/\" target=\"_blank\" rel=\"noopener\">Udemy<\/a><\/li>\n<li>Teacher : <a href=\"https:\/\/downloadlynet.ir\/tag\/boroji-design-inc.\">Boroji Design Inc.<\/a><\/li>\n<li>Language : English<\/li>\n<li>Level : All Levels<\/li>\n<li>Number of Course : 406<\/li>\n<li>Duration : 39 hours and 56 minutes<\/li>\n<\/ul>\n<h3>Content of Figma HTML CSS JavaScript in Web Design and UI UX Design<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-942000\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/11\/Figma-HTML-CSS-JavaScript-in-Web-Design-and-UI-UX-Design.c.jpeg\" alt=\"Figma HTML CSS JavaScript in Web Design and UI UX Design\" width=\"705\" height=\"1363\"><\/p>\n<h3>Requirements<\/h3>\n<ul>\n<li>No prior HTML, CSS, JavaScript Bootstrap knowledge needed<\/li>\n<li>Free version of Figma is enough. However there are tiny parts of Figma that requires Figma Pro license<\/li>\n<\/ul>\n<h3>Pictures<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-942001\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/11\/Figma-HTML-CSS-JavaScript-in-Web-Design-and-UI-UX-Design.d.jpeg\" alt=\"Figma HTML CSS JavaScript in Web Design and UI UX Design\" width=\"705\" height=\"279\"><\/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-145215-1\"><video class=\"wp-video-shortcode\" id=\"video-145215-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Figma_HTML_CSS_JavaScript_in_Web_Design_and_UI_UX_Design_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Figma_HTML_CSS_JavaScript_in_Web_Design_and_UI_UX_Design_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Figma_HTML_CSS_JavaScript_in_Web_Design_and_UI_UX_Design_Downloadly.ir.mp4?nocache=1786108165013\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Figma_HTML_CSS_JavaScript_in_Web_Design_and_UI_UX_Design_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 : English<\/p>\n<p>Quality: 720p<\/p>\n<h3>Download Links<\/h3>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Figma_HTML_CSS_JavaScript_in_Web_Design_and_UI_UX_Design_2024-10_Downloadly.ir.part1.rar?nocache=1786108164\">Download Part 1 \u2013 3 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Figma_HTML_CSS_JavaScript_in_Web_Design_and_UI_UX_Design_2024-10_Downloadly.ir.part2.rar?nocache=1786108164\">Download Part 2 \u2013 3 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Figma_HTML_CSS_JavaScript_in_Web_Design_and_UI_UX_Design_2024-10_Downloadly.ir.part3.rar?nocache=1786108164\">Download Part 3 \u2013 3 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Figma_HTML_CSS_JavaScript_in_Web_Design_and_UI_UX_Design_2024-10_Downloadly.ir.part4.rar?nocache=1786108164\">Download Part 4 \u2013 3 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Figma_HTML_CSS_JavaScript_in_Web_Design_and_UI_UX_Design_2024-10_Downloadly.ir.part5.rar?nocache=1786108164\">Download Part 5 \u2013 33 MB<\/a><\/p>\n<h5>Password file(s): <a>www.downloadly.ir<\/a><\/h5>\n<h3>File size<\/h3>\n<p>12.03 GB<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Descriptions Figma HTML CSS JavaScript in Web Design and UI UX Design, Design everything in Figma &amp; code it using HTML CSS JavaScript, Become a Figma power <\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[63798,63799,63800,63801,63802,63803,63804,63805,63806],"class_list":["post-6821","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-boroji-design-inc","dgi_tag-download-figma-html-css-javascript-in-web-design-and-ui-ux-design","dgi_tag-figma-html-css-javascript-in-web-design-and-ui-ux-design","dgi_tag-figma-html-css-javascript-in-web-design-and-ui-ux-design-download","dgi_tag-figma-html-css-javascript-in-web-design-and-ui-ux-design-free","dgi_tag-figma-html-css-javascript-in-web-design-and-ui-ux-design-free-download","dgi_tag-free-download-figma-html-css-javascript-in-web-design-and-ui-ux-design","dgi_tag-free-figma-html-css-javascript-in-web-design-and-ui-ux-design","dgi_tag-udemy-figma-html-css-javascript-in-web-design-and-ui-ux-design"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/6821","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\/6821\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=6821"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=6821"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=6821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}