[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_650":651},"routes/hub.$",{"_9":10},"builderPage",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":37,"_39":40,"_41":42},"createdDate",1754509749787,"id","05c72c6fa1e34eef91796047d14b9592","name","Watch Now | Builder Labs: Using AI to keep Figma in sync with Storybook in minutes (not days)","modelId","8652a3c9d70a4f02bce5775f0032df93","published","meta",{"_646":647,"_166":48,"_170":648,"_162":163,"_164":649},"query",[639],"data",{"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"variations",{},"lastUpdated",1754509957080,"firstPublished",1754509957045,"testRatio",1,"screenshot","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fecefe654caf4493c8f6a1f7ed86a58da","createdBy","5d6wdRTSjOOGM7rbQspFnuSFdNS2","lastUpdatedBy","folders",[],"rev","cxipk759c4a","description","Learn how to use AI to create components and stories from Figma, update existing components, generate theme variations, and scale your design system in minutes.","customFonts",[635],"themeId",false,"title","Using AI to keep Figma in sync with Storybook","image","https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F7e1e120879c04421bd38870a38c0b24e","blocks",[71,72],"url","/hub/webinars/sync-figma-with-storybook/watch-now","state",{"_59":60,"_61":62},"deviceSize","large","location",{"_63":56,"_64":65,"_22":66},"pathname","path",[67,68,69,70],{},"hub","webinars","sync-figma-with-storybook","watch-now",{"_74":75,"_101":102,"_103":104,"_13":105,"_20":106,"_107":108,"_80":109},{"_13":73,"_74":75,"_76":77,"_78":79,"_80":81},"builder-pixel-wphvntq3i6h","@type","@builder.io/sdk:Element","tagName","img","properties",{"_93":94,"_95":96,"_97":98,"_99":100,"_85":84,"_83":84},"responsiveStyles",{"_60":82},{"_83":84,"_85":84,"_86":87,"_88":84,"_89":90,"_91":92},"height","0","width","display","block","opacity","overflow","hidden","pointerEvents","none","src","https://cdn.builder.io/api/v1/pixel?apiKey=YJIGb4i01jvw0SRdL5Bt","aria-hidden","true","alt","","role","presentation","@version",2,"layerName","Webinar Watch Now ","builder-01de8dfd0fe64e3b854d582e372667e3",{"_293":634},"children",[119,120,121],{"_60":110},{"_86":111,"_112":113,"_114":115,"_116":84,"_117":118},"flex","flexDirection","column","position","relative","flexShrink","boxSizing","border-box",{"_74":75,"_101":102,"_13":577,"_20":578,"_124":579,"_80":580},{"_74":75,"_101":102,"_13":295,"_20":296,"_124":297,"_107":298,"_80":299},{"_74":75,"_101":102,"_13":122,"_20":123,"_124":125,"_80":126},"builder-e3bc73a450fd404eb91739ba1a1518b3",{"_293":294},"component",{"_15":130,"_131":132,"_133":-5},{"_60":127},{"_86":111,"_112":113,"_114":115,"_116":84,"_117":118,"_128":129},"marginTop","0px","Symbol","options",{"_134":48,"_135":48,"_136":48,"_137":138},"isRSC","dataOnly","inheritState","renderToLiquid","symbol",{"_139":137,"_140":141,"_24":142,"_143":144,"_145":146},"model","entry","8ddc0f312749403482df5bd966e48ef0",{},"ownerId","YJIGb4i01jvw0SRdL5Bt","content",{"_11":147,"_13":141,"_15":148,"_17":149,"_19":19,"_150":48,"_22":151,"_24":152,"_26":153,"_28":154,"_30":155,"_32":33,"_36":156,"_38":156,"_39":157,"_20":158,"_41":159},1680299939339,"Footer Dark","f9962951c48f4a349f6a86310a0053a4","stageModifiedSincePublish",[],{"_179":180,"_181":182,"_45":183,"_184":185,"_186":187,"_53":188,"_57":189},{},1781123009761,1680530357654,"BlivRGEJV2YNikTDOeFW3ge3Fyx1",[],{"_160":161,"_162":163,"_164":165,"_166":48,"_167":168,"_169":48,"_170":124,"_171":172,"_173":48},"2tosbega6tl","dataSources",[],"shopifyDomain","builderio.myshopify.com","lastPreviewUrl","https://builder.io/c/edit?modelName=symbol&apiKey=YJIGb4i01jvw0SRdL5Bt&builder.space=YJIGb4i01jvw0SRdL5Bt&builder.user.permissions=read%2Ccreate%2Cpublish%2CeditCode%2CeditDesigns%2Cadmin%2CeditLayouts%2CeditLayers%2CeditContentPriority%2CeditFolders%2CeditProjects%2CmodifyMcpServers%2CmodifyProjectSettings%2CconnectCodeRepository%2CcreateProjects%2CsendPullRequests&builder.user.role.name=Admin&builder.user.role.id=admin&builder.cachebust=true&builder.preview=symbol&builder.noCache=true&builder.allowTextEdit=true&__builder_editing__=true&builder.overrides.symbol=8ddc0f312749403482df5bd966e48ef0&builder.overrides.8ddc0f312749403482df5bd966e48ef0=8ddc0f312749403482df5bd966e48ef0&builder.options.locale=Default","hasLinks","breakpoints",{"_175":176,"_177":178},"hasErrors","kind","componentsUsed",{"_174":33},"hasAutosaves","SiteFooter","small",767,"medium",1023,"inputs",[263],"cssCode",".builder-heading-1{font-size:2em;margin:.67em 0}.builder-heading-2{font-size:1.5em;margin:.75em 0}.builder-heading-3{font-size:1.17em;margin:.83em 0}.builder-heading-4,.builder-paragraph{margin:1.12em 0}.builder-heading-5{font-size:.83em;margin:1.5em 0}.builder-heading-6{font-size:.75em;margin:1.67em 0}.builder-heading-1,.builder-heading-2,.builder-heading-3,.builder-heading-4,.builder-heading-5,.builder-heading-6{font-weight:bolder}\n\n.m-text * {\n font-weight: inherit;\n font-size: inherit;\n line-height: inherit;\n margin: unset!important;\n}\n\n.ot-close-icon{\n filter: brightness(2.5)\n}\n.ot-pc-footer-logo > a:focus {\n outline: 1px solid black!important;\n}\n\n#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {\n color: black!important;\n}",[206],"httpRequests",{},"jsCode","var __awaiter=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{l(r.next(e))}catch(e){o(e)}}function u(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,u)}l((r=r.apply(e,t||[])).next())}))},__generator=function(e,t){var n,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:u(0),throw:u(1),return:u(2)},\"function\"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function u(o){return function(u){return function(o){if(n)throw new TypeError(\"Generator is already executing.\");for(;i;)try{if(n=1,r&&(a=2&o[0]?r.return:o[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;switch(r=0,a&&(o=[2&o[0],a.value]),o[0]){case 0:case 1:a=o;break;case 4:return i.label++,{value:o[1],done:!1};case 5:i.label++,r=o[1],o=[0];continue;case 7:o=i.ops.pop(),i.trys.pop();continue;default:if(!(a=(a=i.trys).length>0&&a[a.length-1])&&(6===o[0]||2===o[0])){i=0;continue}if(3===o[0]&&(!a||o[1]>a[0]&&o[1]Connect with us to see how teams and agents build and ship software together in one place, on your real code, with Builder.

","builder-cd3c58546a5d4401b22c2daee3289121","builder-ae33e81d0f7e44fdaf70f6e5c3b5fe14",{"_293":513},{"_15":494,"_131":511,"_133":-5},{"_60":502,"_175":503},{"_86":111,"_112":113,"_114":115,"_116":84,"_117":118,"_128":506,"_491":492,"_83":341,"_421":507,"_424":508,"_423":237,"_417":509,"_85":381,"_489":490,"_342":510,"_415":414},{"_491":504,"_424":505},"2rem","1.5rem","6px","Poppins, sans-serif","24px","left","10px",{"_433":512},"

Your next steps

","builder-0203097fb8b74c5d8f2051acc75272ad",{"_209":515,"_213":214,"_222":223,"_211":212,"_218":219,"_207":516,"_170":217,"_215":216,"_220":517},[227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244],{"_227":245,"_229":246,"_231":247,"_235":248,"_237":249,"_239":250,"_241":251,"_243":252,"_236":259,"_230":260,"_234":255,"_244":258,"_232":253,"_240":262,"_228":256,"_238":261,"_242":257,"_233":254},[224,225,226],[520],66.667,{"_74":75,"_101":102,"_13":521,"_107":522,"_80":523},"builder-a2c2d98df8dc48c29c5c1a0f96434395",[528,529,530],{"_60":524,"_175":525},{"_86":111,"_112":113,"_114":115,"_116":84,"_117":118,"_526":527,"_399":418,"_128":341},{"_85":381,"_382":383,"_395":341,"_396":341},"justifyContent","flex-start",{"_74":75,"_101":102,"_13":551,"_406":407,"_124":552,"_80":553},{"_74":75,"_101":102,"_13":543,"_406":407,"_124":544,"_80":545},{"_74":75,"_101":102,"_13":531,"_20":532,"_124":533,"_80":534},"builder-5e6f3b9b5825478393b2d922c64d4862",{"_293":542},{"_15":538,"_131":539,"_133":-5},{"_60":535},{"_86":111,"_112":113,"_114":115,"_116":84,"_117":118,"_128":129,"_85":381,"_382":536,"_395":341,"_396":341,"_416":537,"_89":90,"_426":427,"_428":429,"_430":468},"1070px","8px","Embed",{"_55":540,"_145":541},"https://www.youtube.com/watch?v=iQqmI2gCvYM","

","builder-ad731b4f4a1d4a3c99a789dec203963f","builder-37516ea059f8463d9017335317e45d8c",{"_15":494,"_131":549,"_133":-5},{"_60":546,"_175":547},{"_86":111,"_112":113,"_114":115,"_116":84,"_117":118,"_128":506,"_491":492,"_83":341,"_421":422,"_424":548,"_423":237,"_417":509,"_85":381,"_489":490,"_342":307,"_415":414},{"_491":504,"_424":505},"32px",{"_433":550},"

Builder Labs: Using AI to keep Figma in sync with Storybook in minutes (not days)

","builder-aa7f7b6bd65540699ed999c650746884",{"_15":494,"_131":560,"_133":-5},{"_60":554,"_177":555,"_175":556},{"_86":111,"_112":113,"_114":115,"_116":84,"_117":118,"_128":129,"_491":492,"_83":341,"_424":508,"_423":237,"_417":509,"_85":381,"_415":559},{"_128":84},{"_128":557,"_424":558,"_489":490},"13px","1rem","rgba(255, 255, 255, 0.6)",{"_433":561},"

Livestream

","builder-821a8c4aa1964b638977553f4f85c987","builder-89bcd11691f84f9abd6b6649fbe89343",{"_293":571},{"_60":566,"_175":567},{"_86":111,"_112":569,"_114":115,"_116":84,"_117":118,"_397":537,"_342":570},{"_342":568,"_85":381,"_382":383,"_395":341,"_396":341},"7px","row","50px","builder-225d1b539082441694b814b01fd4fb6d","Core:Section",{"_382":574,"_575":48},1200,"lazyLoad","builder-85255f333990417f84462c6a0ea956aa","builder-85dd5d7bf08d438cabfe9b89a890c546",{"_293":633},{"_15":130,"_131":582,"_133":-5},{"_60":581},{"_86":111,"_112":113,"_114":115,"_116":84,"_117":118,"_128":129},{"_134":48,"_135":48,"_136":48,"_137":583},{"_139":137,"_140":584,"_24":585,"_143":144,"_145":586},"0f881171a3454d26b55d6e8f579f7b20",{"_630":281},{"_11":587,"_13":584,"_15":588,"_17":149,"_19":19,"_150":48,"_22":589,"_24":590,"_26":591,"_28":592,"_30":593,"_32":33,"_34":594,"_36":156,"_38":156,"_39":595,"_20":596,"_41":597},1738686116403,"Nav Bar Header",[],{"_179":602,"_181":603,"_186":604,"_45":605,"_53":606,"_57":607},{},1781122992212,1738791481174,"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F9eb0a85a4de040e8b609dfeff1584587",[],{"_166":48,"_167":598,"_169":48,"_164":599,"_162":163,"_170":124,"_171":600,"_173":48},"xytibg2x5e",{"_175":176,"_177":178},"https://builder.io/c/edit?modelName=symbol&apiKey=YJIGb4i01jvw0SRdL5Bt&builder.space=YJIGb4i01jvw0SRdL5Bt&builder.user.permissions=read%2Ccreate%2Cpublish%2CeditCode%2CeditDesigns%2Cadmin%2CeditLayouts%2CeditLayers%2CeditContentPriority%2CeditFolders%2CeditProjects%2CmodifyMcpServers%2CmodifyProjectSettings%2CconnectCodeRepository%2CcreateProjects%2CsendPullRequests&builder.user.role.name=Admin&builder.user.role.id=admin&builder.cachebust=true&builder.preview=symbol&builder.noCache=true&builder.allowTextEdit=true&__builder_editing__=true&builder.overrides.symbol=0f881171a3454d26b55d6e8f579f7b20&builder.overrides.0f881171a3454d26b55d6e8f579f7b20=0f881171a3454d26b55d6e8f579f7b20&builder.options.locale=Default",{"_601":33},"SiteNav",[628],".interactive{\r\n transition: .2s ease-in-out;\r\n}\r\n\r\n.interactive:hover{\r\n opacity:1;\r\n}\r\n\r\n.interactive:active{\r\n transform: scale(.97);\r\n}\r\n\r\n.m-text * {\r\n font-weight: inherit;\r\n font-size: inherit;\r\n line-height: inherit;\r\n margin: unset!important;\r\n}\r\n\r\n.skip:focus{\r\n opacity: 1;\r\n transform: translateY(0px);\r\n}\r\n\r\n.interactive-button {\r\n transition: .3s cubic-bezier(.37, .01, 0, .98)!important;\r\n}\r\n\r\n.interactive-button:hover {\r\n transform: scale(1.05);\r\n filter: brightness(1.1);\r\n}\r\n\r\n.interactive-button:active {\r\n transform: scale(.95);\r\n filter: brightness(1.2);\r\n}\r\n\r\n.nav-list-item, .go-to-app, .contact-sales{\r\n transition: background-color .3s cubic-bezier(.37,.01,0,.98);\r\n}\r\n\r\n.nav-list-item:hover,\r\n.nav-list-item:focus {\r\n background-color: #1E2023;\r\n}\r\n\r\n#nav-list-item-light:hover,\r\n#nav-list-item-light:focus {\r\n background-color: #FBFBFB!important;\r\n}\r\n\r\n/* Shared Underline */\r\n.nav-underline {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n height: 3px;\r\n background-color: #18B6F6;\r\n width: 0;\r\n transition: left 0.3s ease, width 0.3s ease;\r\n}\r\n\r\n.hide-scrollbars {\r\n /* Ensures the element is scrollable */\r\n overflow: auto; /* or overflow: scroll; as needed */\r\n\r\n /* Firefox */\r\n scrollbar-width: none;\r\n\r\n /* IE 10+ */\r\n -ms-overflow-style: none;\r\n}\r\n\r\n/* Chrome, Safari, and Opera */\r\n.hide-scrollbars::-webkit-scrollbar {\r\n display: none;\r\n}\r\n\r\n\r\n.no-invert{\r\n filter: invert(0)!important;\r\n}\r\n\r\n\r\n","var __awaiter=function(t,e,n,r){return new(n||(n=Promise))((function(o,i){function u(t){try{l(r.next(t))}catch(t){i(t)}}function a(t){try{l(r.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(u,a)}l((r=r.apply(t,e||[])).next())}))},__generator=function(t,e){var n,r,o,i,u={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:a(0),throw:a(1),return:a(2)},\"function\"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function a(i){return function(a){return function(i){if(n)throw new TypeError(\"Generator is already executing.\");for(;u;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return u.label++,{value:i[1],done:!1};case 5:u.label++,r=i[1],i=[0];continue;case 7:i=u.ops.pop(),u.trys.pop();continue;default:if(!(o=u.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){u=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]992&&(state.mobileMenu=!1)},e=100,function(){for(var r=this,o=[],i=0;i