{"id":39314,"date":"2023-08-17T07:13:44","date_gmt":"2023-08-17T14:13:44","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=39314"},"modified":"2023-08-17T07:13:58","modified_gmt":"2023-08-17T14:13:58","slug":"storybook-7-announcement","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/","title":{"rendered":"Storybook 7.0 \u2013 Why You Should Be Excited"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia-1024x512.png\" alt=\"Storybook 7 and UXPin integration\" class=\"wp-image-39315\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Storybook is a huge productivity boost for development teams, helping them scale their work and stay on the same page. The tool is launching its new version that you can also leverage in UXPin. The new update introduces some major improvements and extends Storybook\u2019s capabilities.<\/p>\n\n\n\n<p>Bring Storybook\u2019s components to UXPin and design prototypes that look and behave like the end-product. Keep consistency between design and development and unite teams with a single source of truth. <a href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noreferrer noopener\">Try UXPin\u2019s Storybook integration<\/a>.<\/p>\n\n\n\n<section class=\"discover-merge\">\n    <div class=\"discover-merge__container\">\n        <div class=\"discover-merge__left\">\n            <p class=\"discover-merge__heading\">Reach a new level of prototyping<\/p>\n            <p class=\"discover-merge__text\">Design with interactive components coming from your team&#8217;s design system.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"discover-merge__button\">Discover UXPin Merge<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-merge.png\" class=\"discover-merge__image\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.discover-merge {\n    margin: 40px 8px;\n}\n\n.discover-merge__container {\n    display: flex;\n    max-width: 690px;\n    height: 200px;\n    padding: 20px;\n    padding-left: 24px;\n    border-radius: 4px;\n    background-color: black;\n    box-shadow: 10px 10px #9999ff;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.discover-merge__left {\n    width: 50%;\n}\n\n.discover-merge__left p {\n    margin: 10px 0px !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__heading {\n    font-weight: bold !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__text {\n    margin: 0 !important;\n    line-height: 22px !important;\n}\n\n.discover-merge__button {\n    width: 174px;\n    height: 44px;\n    margin: 10px 0px;\n    border: none;\n    border-radius: 2px;\n    background: white;\n    color: black;\n    font-size: 16px;\n    text-align: center;\n}\n\n.discover-merge__button:hover {\n    cursor: pointer;\n}\n\n.discover-merge__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -19px;\n}\n\n@media (max-width: 760px) {\n    .discover-merge__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .discover-merge__container {\n        flex-direction: column;\n    }\n\n    .discover-merge__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-storybook-7-0-has-to-offer\">What Storybook 7.0 has to offer?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/logo-storybook.png\" alt=\"logo storybook\" class=\"wp-image-37008\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/logo-storybook.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/logo-storybook-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>The official launch of Storybook 7.0 is planned on March 14th. You can try it on beta and experience its benefits before the official release. Learn more about it in <a href=\"https:\/\/storybook.js.org\/blog\/future-of-storybook-in-2023\/\" target=\"_blank\" rel=\"noreferrer noopener\">Storybook\u2019s article about plans for 2023<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-better-performance\">Better performance<\/h3>\n\n\n\n<p>Storybook\u2019s team upgraded the tool\u2019s performance significantly. They managed to make it 2x faster compared to its previous version.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-more-compatible-integrations\">More compatible integrations<\/h3>\n\n\n\n<p>The new version of Storybook makes integrations easier. By launching Frameworks API, Storybook now supports Vite, NextJS, and works on supporting SvelteKit. This also enabled them to think of integrations with new frameworks like Remix, Qwik, SolidJS, and more.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-more-extensive-testing\">More extensive testing<\/h3>\n\n\n\n<p>They added code coverage reporting. Now it\u2019s transparent which lines of code in the components and libraries are tested by the user&#8217;s stories.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-improved-documentation\">Improved documentation<\/h3>\n\n\n\n<p>Storybook has a few updates for documentation. One of them is that Storybook\u2019s team upgraded documentation to version 2 of MDX. They also simplified the way of importing stories (component examples) in docs.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-integrate-storybook-7-0-with-uxpin\">Integrate Storybook 7.0 with UXPin<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"501\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/uxpin-merge-git-react-storybook-library.png\" alt=\"uxpin merge git react storybook library\" class=\"wp-image-33765\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/uxpin-merge-git-react-storybook-library.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/uxpin-merge-git-react-storybook-library-449x300.png 449w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>UXPin supports Storybook 7.0. Go ahead, <a href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noreferrer noopener\">sync your Storybook components with UXPin<\/a>. It\u2019s super easy and gives you a host of benefits that will improve your product design and development process.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-create-prototypes-with-storybook-components\">Create prototypes with Storybook components<\/h3>\n\n\n\n<p>The components that you bring to UXPin are more than just a visual representation of what you have in Storybook. They are fully functioning, allowing you to test real user interactions. That\u2019s what high-fidelity prototyping should be about.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-foster-cross-functional-collaboration\">Foster cross-functional collaboration<\/h3>\n\n\n\n<p>The integration will help you break the silos between product design and engineering. The teams will share the same components which will prevent them from inconsistencies between design and development.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-streamline-design-handoff\">Streamline design handoff<\/h3>\n\n\n\n<p>By building prototypes with fully functional components, designers are able to smooth out the design handoff process. Storybook components can become a single source of truth that both teams share, so there\u2019s no need for extensive documentation or misalignment.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-here-s-how-to-integrate-with-storybook\">Here\u2019s how to integrate with Storybook<\/h2>\n\n\n\n<p>The integration can take less than a minute. You need a link to a Storybook library you want to use (public or private), log in to UXPin and add a new library by pasting the link in the box: \u201cImport Storybook components.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"422\" style=\"aspect-ratio: 750 \/ 422;\" width=\"750\" autoplay controls loop src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/05\/ezgif.com-gif-maker.mp4\"><\/video><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noreferrer noopener\">Get a guided tour of UXPin\u2019s Storybook integration<\/a>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Try UXPin and Storybook 7.0<\/h2>\n\n\n\n<p>Storybook is a great tool for UI component quality control, but it will help you maintain and scale the design system once combined with UXPin. Start designing interactive prototypes with Storybook components. <a href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noreferrer noopener\">Try UXPin\u2019s Storybook integration for free<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noopener\">Try Storybook integration<\/a><\/center><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Storybook is a huge productivity boost for development teams, helping them scale their work and stay on the same page. The tool is launching its new version that you can also leverage in UXPin. The new update introduces some major improvements and extends Storybook\u2019s capabilities. Bring Storybook\u2019s components to UXPin and design prototypes that look<\/p>\n","protected":false},"author":3,"featured_media":39315,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,440,19],"tags":[],"class_list":["post-39314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-merge","category-uxpin"],"yoast_title":"Storybook 7.0 Why It's Great %%sep%% UXPin","yoast_metadesc":"Storybook's new version is more than an improved design. Check its benefits and see how to connect it with UXPin.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.2.1 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Storybook 7.0 Why It&#039;s Great - UXPin<\/title>\n<meta name=\"description\" content=\"Storybook&#039;s new version is more than an improved design. Check its benefits and see how to connect it with UXPin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Storybook 7.0 \u2013 Why You Should Be Excited\" \/>\n<meta property=\"og:description\" content=\"Storybook&#039;s new version is more than an improved design. Check its benefits and see how to connect it with UXPin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-17T14:13:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T14:13:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"Storybook 7.0 \u2013 Why You Should Be Excited\",\"datePublished\":\"2023-08-17T14:13:44+00:00\",\"dateModified\":\"2023-08-17T14:13:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/\"},\"wordCount\":512,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/blog_1200x600-kopia.png\",\"articleSection\":[\"Blog\",\"Merge by UXPin\",\"UXPin\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/\",\"name\":\"Storybook 7.0 Why It's Great - UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/blog_1200x600-kopia.png\",\"datePublished\":\"2023-08-17T14:13:44+00:00\",\"dateModified\":\"2023-08-17T14:13:58+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Storybook's new version is more than an improved design. Check its benefits and see how to connect it with UXPin.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/blog_1200x600-kopia.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/blog_1200x600-kopia.png\",\"width\":1200,\"height\":600,\"caption\":\"blog 1200x600 kopia\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/storybook-7-announcement\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Storybook 7.0 \u2013 Why You Should Be Excited\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Storybook 7.0 Why It's Great - UXPin","description":"Storybook's new version is more than an improved design. Check its benefits and see how to connect it with UXPin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/","og_locale":"en_US","og_type":"article","og_title":"Storybook 7.0 \u2013 Why You Should Be Excited","og_description":"Storybook's new version is more than an improved design. Check its benefits and see how to connect it with UXPin.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/","og_site_name":"Studio by UXPin","article_published_time":"2023-08-17T14:13:44+00:00","article_modified_time":"2023-08-17T14:13:58+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"Storybook 7.0 \u2013 Why You Should Be Excited","datePublished":"2023-08-17T14:13:44+00:00","dateModified":"2023-08-17T14:13:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/"},"wordCount":512,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia.png","articleSection":["Blog","Merge by UXPin","UXPin"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/","name":"Storybook 7.0 Why It's Great - UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia.png","datePublished":"2023-08-17T14:13:44+00:00","dateModified":"2023-08-17T14:13:58+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Storybook's new version is more than an improved design. Check its benefits and see how to connect it with UXPin.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/02\/blog_1200x600-kopia.png","width":1200,"height":600,"caption":"blog 1200x600 kopia"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/storybook-7-announcement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Storybook 7.0 \u2013 Why You Should Be Excited"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/39314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=39314"}],"version-history":[{"count":8,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/39314\/revisions"}],"predecessor-version":[{"id":49428,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/39314\/revisions\/49428"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/39315"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=39314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=39314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=39314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}