{"id":4799,"date":"2026-08-10T09:16:44","date_gmt":"2026-08-10T09:16:44","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/frontend-masters-design-systems-with-storybook-v2-2024-6\/"},"modified":"2026-08-10T09:16:44","modified_gmt":"2026-08-10T09:16:44","slug":"frontend-masters-design-systems-with-storybook-v2-2024-6","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/frontend-masters-design-systems-with-storybook-v2-2024-6\/","title":{"rendered":"Frontend Masters \u2013 Design Systems with Storybook, v2 2024-6"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\">Description<\/h2>\n<p dir=\"ltr\">Design Systems with Storybook, v2 is a training course on building scalable component libraries and system design with Storybook, published by FrontendMasters Online Academy. Building scalable component libraries and system design with Storybook involves creating a consistent, reusable, and easily maintainable set of user interface components and design guidelines. Storybook is an open source tool for developing discrete UI components, providing a robust environment for testing, documenting, and displaying components. This approach ensures that the UI is consistent across the application and promotes reusability and collaboration between developers and designers.<\/p>\n<p dir=\"ltr\">Storybook\u2019s powerful features for component isolation, interactive documentation, and integration with design systems simplify the development process and foster collaboration between design and development teams. Using these practices, you can create robust and maintainable component libraries that adapt to evolving design and development needs. In this course, you\u2019ll learn about Storybook and be able to scale component libraries using it. Create and design systems. In this tutorial, you\u2019ll learn to use Tailwind CSS to create reusable UI components with combinable styles and types. Use MDX to document, run interaction testing, and add data retrieval to create a robust development environment for your component library.<\/p>\n<h3 dir=\"ltr\">What you will learn in Design Systems with Storybook, v2:<\/h3>\n<ul dir=\"ltr\">\n<li>Basic concepts of Storybook<\/li>\n<li>Principles of building scalable component libraries and system design<\/li>\n<li>Use Tailwind CSS<\/li>\n<li>Documentation with MDX<\/li>\n<li>And \u2026<\/li>\n<\/ul>\n<h3 dir=\"ltr\">Course specifications<\/h3>\n<ul>\n<li>Publisher : <a href=\"https:\/\/href.li\/?https:\/\/frontendmasters.com\/courses\/design-systems-v2\/\" target=\"_blank\" rel=\"noopener\">Frontend Masters<\/a><\/li>\n<li>Teacher : <a href=\"https:\/\/downloadlynet.ir\/tag\/steve-kinney\">Steve Kinney<\/a><\/li>\n<li>Language: English<\/li>\n<li>Level : All Levels<\/li>\n<li>Lectures : 28<\/li>\n<li>Duration : 4 hours and 9 minutes<\/li>\n<\/ul>\n<h3 dir=\"ltr\">Course topics<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1005721\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/09\/Design-Systems-with-Storybook-v2.c-scaled.jpeg\" alt=\"Design Systems with Storybook, v2\" width=\"1180\" height=\"2560\"><\/p>\n<h3 dir=\"ltr\">Design Systems with Storybook, v2 Prerequisites<\/h3>\n<p dir=\"ltr\">None<\/p>\n<h3 dir=\"ltr\">Pictures<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1005722\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/09\/Design-Systems-with-Storybook-v2.d.jpeg\" alt=\"Design Systems with Storybook, v2\" width=\"957\" height=\"157\"><\/p>\n<h3 dir=\"ltr\">Design Systems with Storybook, v2 introduction video<\/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-134170-1\"><video class=\"wp-video-shortcode\" id=\"video-134170-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Design_Systems_with_Storybook_v2_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Design_Systems_with_Storybook_v2_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Design_Systems_with_Storybook_v2_Downloadly.ir.mp4?nocache=1786102321445\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Design_Systems_with_Storybook_v2_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 dir=\"ltr\"><span class=\"notranslate\">Installation guide<\/span><\/h3>\n<p dir=\"ltr\">After Extract, watch with your favorite Player.<\/p>\n<p dir=\"ltr\">Subtitle: English<\/p>\n<p dir=\"ltr\">Quality: 1080p<\/p>\n<p>The 2024\/6 version is a classified version with subtitles compared to the 2024\/5 version.<\/p>\n<h3 dir=\"ltr\">Download link<\/h3>\n<h4><strong>Downloadly<\/strong><\/h4>\n<p><a href=\"https:\/\/dl4.downloadly.ir\/Files\/Elearning\/Frontend_Masters_Design_Systems_with_Storybook_v2_2024-6_Downloadly.ir.part1.rar?nocache=1786102319\">Download Part 1 \u2013 1 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl4.downloadly.ir\/Files\/Elearning\/Frontend_Masters_Design_Systems_with_Storybook_v2_2024-6_Downloadly.ir.part2.rar?nocache=1786102319\">Download Part 2 \u2013 433 MB<\/a><\/p>\n<h4><strong>Rapidgator<\/strong><\/h4>\n<p><a href=\"https:\/\/rapidgator.net\/file\/bf2899ffa2ca3ef5e247087bdec8d8f0\/Frontend_Masters_Design_Systems_with_Storybook_v2_2024-6_Downloadly.ir.part1.rar.html\" target=\"_blank\" rel=\"noopener\">Download Part 1 \u2013 1 GB<\/a><\/p>\n<p><a href=\"https:\/\/rapidgator.net\/file\/d746928a326925e3ac64dfe6e4a05f2d\/Frontend_Masters_Design_Systems_with_Storybook_v2_2024-6_Downloadly.ir.part2.rar.html\" target=\"_blank\" rel=\"noopener\">Download Part 2 \u2013 433 MB<\/a><\/p>\n<h5 dir=\"ltr\" style=\"text-align: left\">Password File(s): www.downloadly.ir<\/h5>\n<h3 dir=\"ltr\">Size<\/h3>\n<p>1.42 GB<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Design Systems with Storybook, v2 is a training course on building scalable component libraries and system design with Storybook, published by Front<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[49736,49737,49738,49739,42849],"class_list":["post-4799","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-design-systems-with-storybook-v2","dgi_tag-design-systems-with-storybook-v2-download","dgi_tag-design-systems-with-storybook-v2-free","dgi_tag-design-systems-with-storybook-v2-free-download","dgi_tag-steve-kinney"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/4799","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\/4799\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=4799"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=4799"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=4799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}