UI Design und Prototyping Tool

etwa 500000~10000000

315

Höhen und Tiefen. Überwinde alle Schwierigkeiten heftig

2

18.172.185.110

UXPin|UX/UIandPrototypingToolforDesigners&DevelopersdataLayer=window.dataLayer||[];dataLayer.push({'userLoggedInFront':false,})functiongetPeLangue(){//matchrewview/sting/produrlsthatcontains/kr/jpor/kr//jp/constmatches=window.location.href.match(/\/(jp|kr)\/?|\/(jp|kr)\b/);switch(matches?.[1]){case'kr':return'ko-KR';case'jp':return'ja-JP';default:return'en-US';}}window.addEventListener('load',()=>{setTimeout(function(){(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':newDate().getTime(),event:'gtm.js'});varf=d.getElementsByTName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src='///gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-W8S4SF');},3500);});functiongtmTrack(eventPayload){constdataLayer=window.dataLayer||[];dataLayer.push({...eventPayload,pe_title:,pe_url:window.location.href,pe_langue:getPeLangue(),user_id:null,})}//setdataLayervaruserData={'userId':''};dataLayer=window.dataLayer||[];dataLayer.push(userData);window.intercomSettings={app_id:'zho5cr3o',custom_launcher_selector:'.launch-chat-btn'};constloadIntercom=function(){window.removeEventListener('scroll',loadIntercom);constbrowserWindow=window;constintercom=browserWindow.Intercom;if(typeofintercom==="function"){intercom('reattach_activator');intercom('update',browserWindow.intercomSettings);}else{constdocumentObject=document;constargs=function(args){args.getArgs(arguments);};args.argsArray=[];args.pushToArgsArray=function(arguments){args.argsArray.push(arguments);};browserWindow.Intercom=args;constcreateIntercomElement=function(){constcreateScriptElement=documentObject.createElement('script');createScriptElement.type='text/jascript';createScriptElement.async=true;createScriptElement.src='widget.intercom.io/widget/'+'zho5cr3o';constgetScriptElement=documentObject.getElementsByTName('script')[0];getScriptElement.parentNode.insertBefore(createScriptElement,getScriptElement);};createIntercomElement();}};if(false){loadIntercom();}window.addEventListener('scroll',loadIntercom)window._vwo_code=window._vwo_code||(function(){varaccount_id=,settings_tolerance=2000,library_tolerance=2500,use_existing_jquery=true,is_spa=1,hide_element='body',/*DONOTEDITBELOWTHISLINE*/f=false,d=document,code={use_existing_jquery:function(){returnuse_existing_jquery;},library_tolerance:function(){returnlibrary_tolerance;},finish:function(){if(!f){f=true;vara=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){returnf;},load:function(a){varb=d.createElement('script');b.src=a;b.type='text/jascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTName('head')[0].appendChild(b);},init:function(){window.settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);vara=d.createElement('style'),b=hide_element?hide_element+'{opacity:0!important;filter:alpha(opacity=0)!important;background:none!important;}':'',h=d.getElementsByTName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;elsea.appendChild(d.createTextNode(b));h.appendChild(a);this.load('dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+(+is_spa)+'&r='+Math.random());returnsettings_timer;}};window._vwo_settings_timer=code.init();returncode;}());window.addEventListener('load',()=>{setTimeout(()=>{constisProduction=window.location.host==='';if(isProduction){(function(c,l,a,r,i,t,y){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;t.src="/t/"+i;y=l.getElementsByTName(r)[0];y.parentNode.insertBefore(t,y);})(window,document,"clarity","script","e2d8hdo2dl");}},3500)})(function(){lettermlyTimeout;letisLoaded=false;functionloadTermlyScript(){if(isLoaded){returntrue;}constscript=document.createElement('script');script.src='app.termly.io/resource-blocker/54d5009f-bc18-4d18-b786-5d3162ff0c38?autoBlock=on';script.defer=true;document.body.appendChild(script);isLoaded=true;}constonScroll=()=>{loadTermlyScript();clearTimeout(termlyTimeout);window.removeEventListener('scroll',onScroll);}constonMouseMove=()=>{loadTermlyScript();clearTimeout(termlyTimeout);document.removeEventListener('mousemove',onMouseMove);}constonTouchStart=()=>{loadTermlyScript();clearTimeout(termlyTimeout);document.removeEventListener('touchstart',onTouchStart);}window.addEventListener('load',function(){window.addEventListener('scroll',onScroll);document.addEventListener('mousemove',onMouseMove);document.addEventListener('touchstart',onTouchStart);termlyTimeout=setTimeout(loadTermlyScript,3000);});})();#nbar{--nbar-height:60px;--logo-size:40px;--gutter:16px;--container-padding:20px;--menu-item-spacing:36px;--uxpin-black:#;--text-color-base:var(--uxpin-black);--text-color-emphasis:var(--uxpin-black);--text-color-muted:#;--text-color-active-link:var(--text-color-muted);--font-size-l:16px;--font-size-m:14px;--font-size-s:13px;--font-size-xs:12px;position:sticky;top:0;padding:var(--gutter);z-index:1000;width:100%;background-color:white;font-family:soleil,Arial,sans-serif;font-weight:400}html[lang="ja"]#nbar{--menu-item-spacing:24px}#nbar#top-menu,#nbarinput[type="checkbox"],#nbar.right-column,#nbar.close-button{display:none}#nbarn{display:flex;flex-direction:column}#nbar.uxpin-logo{background-color:black;width:var(--logo-size);height:var(--logo-size)}#nbar.top-menu-item{display:flex;align-items:center;background-color:white;color:var(--text-color-base);font-size:var(--font-size-m);font-family:inherit;font-weight:400;text-decoration:none;word-wrap:nowrap;white-space:nowrap}#nbar.overlay{background-color:white}#nbar.section-heading{display:flex;align-items:center;margin-bottom:4px;color:var(--text-color-emphasis)}#nbar.section-heading>:is(a,span){font-size:var(--font-size-s);font-weight:bold;text-transform:uppercase;letter-spacing:1px}#nbarsectiona:hover{text-decoration:underline}#nbarsection.active>a{color:var(--text-color-active-link);cursor:default}#nbarsection.active>a:hover{text-decoration:none}#nbar.section-icon{width:14px;height:14px;margin-right:6px}#nbar.sub-menu-arrow{transform:rotate(-90deg)}#nbar:is(.section-heading,.section-item)>*{color:var(--text-color-emphasis);text-decoration:none;line-height:32px}#nbar.section-item>*{font-size:var(--font-size-m)}#nbar.sign-up{height:36px;padding:012px;background-color:#fcc820;color:black;font-size:var(--font-size-m);font-family:inherit;font-weight:bold;border:2pxsolidvar(--uxpin-black);border-radius:4px;word-wrap:nowrap;white-space:nowrap}#nbar.sign-up:hover{background-color:#f3f3f3}#nbar.book-demo{padding:012px;font-weight:bold;word-wrap:nowrap;white-space:nowrap;height:36px;border:2pxsolid#;border-radius:4px;background-color:#f3f3f3;background-size:cover;font-size:14px;font-family:inherit;color:#;text-decoration:nonesolid#;line-height:16px;text-align:center}#nbar.book-demo:hover{background-color:#f3f3f3}#nbar.badge-coming-soon{padding:0px5px;background-color:#ccccff;color:var(--text-color-emphasis);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;border-radius:2px}@mediascreenand(max-width:1199px){#nbar{--logo-size:30px}#nbar#top-menu-state:checked~n:is(#top-menu,.close-button){display:block}#nbar#top-menu-state:checked~n.open-button{display:none}#nbar#top-menu-state:checked~n~.right-column{display:flex;flex-direction:column;gap:18px}#nbar.overlay{display:none;padding-left:var(--gutter)}#nbar.menu-state:checked~.overlay{display:block}#nbar.menu-state:checked~label{color:var(--text-color-emphasis)}#nbar#top-menu{margin-top:32px}#nbar#top-menu>li{margin-bottom:18px}#nbar#top-menu>li.phone-number{margin:36px0}#nbar#menu-button{position:absolute;right:var(--gutter);width:var(--logo-size);height:var(--logo-size);display:grid;place-content:center}#nbar.sub-menu-wrapper{margin-top:16px;display:flex;flex-direction:column;gap:8px}#nbar.download-ebook{display:none}#nbar.top-menu-item{font-size:var(--font-size-l)}}@mediascreenand(min-width:1200px){UI Design und Prototyping Tool#nbar{padding:0}#nbar.nbar-container{margin:0auto;max-width:1180px;padding:0var(--container-padding)}#nbar.nbar-wrapper{display:flex;align-items:center;justify-content:space-between;padding:06px}#nbarn{flex-direction:row;align-items:center}#nbar#menu-button{display:none}#nbar#top-menu-state~n>ul{display:flex;align-items:center}#nbar#top-menu:hover.top-menu-item{color:var(--text-color-muted)}#nbar#top-menu>li{display:flex;align-items:center;height:var(--nbar-height);margin-bottom:0;padding-right:var(--menu-item-spacing)}#nbar#top-menu>li.overlay{display:none;position:absolute;top:var(--nbar-height);left:0;right:0;background-color:white;padding:25px0;border-top:1pxsolid#c5c5c5;border-bottom:2pxsolidvar(--uxpin-black)}#nbar#top-menu>li:hover.overlay{display:block}#nbar.uxpin-link{margin-right:var(--menu-item-spacing)}#nbar.sub-menu-wrapper{display:flex;gap:50px;padding-left:calc(var(--container-padding)+var(--logo-size)+var(--menu-item-spacing))}#nbar.top-menu-item:hover,#nbar#top-menu>li:hover.top-menu-item{color:var(--text-color-emphasis)}#nbar.right-column{display:flex;align-items:center;column-gap:13px;margin-bottom:0;list-style:none}#nbar.section-heading{height:32px}#nbar.download-ebook{display:grid;padding-left:72px;border-left:2pxsolidblack;gap:35px;grid-template-columns:auto1fr}#nbar.download-ebook-ime{border-radius:4px}#nbar.download-ebook-content{display:flex;flex-direction:column;justify-content:space-between}#nbar.download-ebook-text{width:340px;margin:0;font-size:var(--font-size-xs);color:var(--text-color-muted);line-height:19px}}SolutionsDesignUIDesignPrototypingHandoffUXDesignDesignSystemsDesignSystemmanementDesigntokensSoonCodetoDesignMergeAI🧩Mergeoverview🔥AdvancedprototypingMUIlibraryFluentUIlibraryIntegrationsGitintegrationStorybookintegrationnpmintegrationUsecasesForDesignersForDevelopersForDesignOpsForUserTestingMerge🔥UIBuilder🧩ExamplesEnterpriseOverviewTestimonialsPricingResourcesProductDocsVideotutorialsCommunityLearnBlogEbooksWebinarsDownloadOurLatestReportDownloadourfreereportonhowleadersanddesignsystemcontributorsfromenterprisecompanieslikeCaterpillar,PayPal,orWeirGroupbuildandgrowdesignsystems.Learnkeylessonsondesignsystemmaturityandoperations.1(888)802-9327LoginBookademoTryforfreedocument.addEventListener("DOMContentLoaded",()=>{constnbar=document.getElementById('nbar');constinputs=Array.from(nbar.querySelectorAll(".menu-state"));functionunselectAllOthers(id){inputs.filter((input)=>input.id!==id).forEach((input)=>{input.checked=false;});}nbar.addEventListener('change',event=>{constisTopMenuItemCheckbox=event.target.classList.contains('menu-state');if(!isTopMenuItemCheckbox)return;//onlytargetclickoncheckboxelementsif(event.target.checked)unselectAllOthers(event.target.id);window.scroll({top:0,left:0,behior:'smooth'});})});functiontrackTrialButtonClicked(event){consttrackableFreeClickLabels=["Tryforfree","TryUXPinforfree",];if(trackableFreeClickLabels.includes(event.target.innerText)){gtmTrack({event:"trial_button_clicked"});}}window.addEventListener("click",trackTrialButtonClicked);functiontrackPeViews(){gtmTrack({event:"pe_viewed"})}window.addEventListener("load",trackPeViews);//codefromgithub.com/paulirish/lite-youtube-embed/blob/master/src/lite-yt-embed.js//itisusedtooptimizeyoutubeembeddedvideosclassLiteYTEmbedextendsHTMLElement{connectedCallback(){this.videoId=this.getAttribute('videoid');letplayBtnEl=this.querySelector('.lty-playbtn');this.playLabel=(playBtnEl&&playBtnEl.textContent.trim())||this.getAttribute('playlabel')||'Play';this.dataset.title=this.getAttribute('title')||'';if(!this.style.backgroundIme){this.style.backgroundIme=`url("i.ytimg.com/vi/${this.videoId}/maxresdefault.jpg")`;this.upgradePosterIme();}//Setupplaybutton,anditsvisuallyhiddenlabelif(!playBtnEl){playBtnEl=document.createElement('button');playBtnEl.type='button';playBtnEl.classList.add('lty-playbtn');this.append(playBtnEl);}if(!playBtnEl.textContent){constplayBtnLabelEl=document.createElement('span');playBtnLabelEl.className='lyt-visually-hidden';playBtnLabelEl.textContent=this.playLabel;playBtnEl.append(playBtnLabelEl);}this.addNoscriptIframe();playBtnEl.removeAttribute('href');//Onhover(ortap),warmuptheTCPconnectionswe're(likely)abouttouse.this.addEventListener('pointerover',LiteYTEmbed.warmConnections,{once:true});this.addEventListener('click',this.activate);this.needsYTApi=this.hasAttribute('js-api')||nigator.vendor.includes('Apple')||nigator.userent.includes('Mobi');}staticaddPrefetch(kind,url,as){constlinkEl=document.createElement('link');linkEl.rel=kind;linkEl.href=url;if(as){linkEl.as=as;}document.head.append(linkEl);}staticwarmConnections(){if(LiteYTEmbed.preconnected)return;LiteYTEmbed.addPrefetch('preconnect','');LiteYTEmbed.addPrefetch('preconnect','');LiteYTEmbed.addPrefetch('preconnect','googleads.g.doubleclick.net');LiteYTEmbed.addPrefetch('preconnect','static.doubleclick.net');LiteYTEmbed.preconnected=true;}fetchYTPlayerApi(){if(window.YT||(window.YT&&window.YT.Player))return;this.ytApiPromise=newPromise((res,rej)=>{constel=document.createElement('script');el.src='/iframe_api';el.async=true;el.onload=_=>{YT.ready(res);};el.onerror=rej;this.append(el);});}/**ReturntheYTPlayerAPIinstance.(PublicL-YT-EAPI)*/asyncgetYTPlayer(){if(!this.playerPromise){awaitthis.activate();}returnthis.playerPromise;}asyncaddYTPlayerIframe(){this.fetchYTPlayerApi();awaitthis.ytApiPromise;constvideoPlaceholderEl=document.createElement('div')this.append(videoPlaceholderEl);constparamsObj=Object.fromEntries(this.getParams().entries());this.playerPromise=newPromise(resolve=>{letplayer=newYT.Player(videoPlaceholderEl,{width:'100%',videoId:this.videoId,playerVars:paramsObj,events:{'onReady':event=>{event.target.playVideo();resolve(player);}}});});}addNoscriptIframe(){constiframeEl=this.createBasicIframe();constnoscriptEl=document.createElement('noscript');noscriptEl.innerHTML=iframeEl.outerHTML;this.append(noscriptEl);}getParams(){constparams=newURLSearchParams(this.getAttribute('params')||[]);params.append('autoplay','1');params.append('playsinline','1');returnparams;}asyncactivate(){if(this.classList.contains('lyt-activated'))return;this.classList.add('lyt-activated');if(this.needsYTApi){returnthis.addYTPlayerIframe(this.getParams());}constiframeEl=this.createBasicIframe();this.append(iframeEl);//Setfocusfora11yiframeEl.focus();}createBasicIframe(){constiframeEl=document.createElement('iframe');iframeEl.width=560;iframeEl.height=315;iframeEl.title=this.playLabel;iframeEl.allow='accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture';iframeEl.allowFullscreen=true;iframeEl.src=`/embed/${encodeURIComponent(this.videoId)}?${this.getParams().toString()}`;returniframeEl;}upgradePosterIme(){setTimeout(()=>{constwebpUrl=`i.ytimg.com/vi_webp/${this.videoId}/sddefault.webp`;constimg=newIme();img.fetchPriority='low';//lowprioritytoreducenetworkcontentionimg.referrerpolicy='origin';//Not100%sureit'sneeded,butgithub.com/ampproject/amphtml/pull/3940img.src=webpUrl;img.onload=(e)=>{constnoailablePoster=e.target.naturalHeight==90&&e.target.naturalWidth==120;if(noailablePoster)return;this.style.backgroundIme=`url("${webpUrl}")`;};},100);}}customElements.define('lite-youtube',LiteYTEmbed);DesignUIwithcode-backedcomponents.Usethesamecomponentsindesignasindevelopment.Buildadvancedprototypeseasilyandgetproduction-readycoderightoffthedesign.Tryforfree1Chooseyourbuildingblocks2Assembleahigh-fidelityprototype3Exportproduction-readyReactcode1Usebuilt-incodedlibraries(likeMUI,TailwindUI,andmore)orsyncyourownGitcomponentrepository2Createafullyfunctionalandcustomizeddesign–changeproperties,switchthemes,andaddinteractions.3Startdevelopmentinseconds.Copythereadycode,openitinanonlineenvironment,orexportittoyourproject.functionupdateStep(stepNumber){document.querySelectorAll('.interactive-button').forEach(function(button){button.classList.remove('active');button.classList.add('not-active');});document.querySelectorAll('.mobile-step').forEach(function(step){step.classList.add('not-active');});document.getElementById('mobilestep'+stepNumber).classList.remove('not-active');document.getElementById('step'+stepNumber).classList.add('active');document.getElementById('step'+stepNumber).classList.remove('not-active');document.querySelectorAll('.interactive_buttons__container-bottom>div').forEach(function(content){content.style.display='none';});document.getElementById('description'+stepNumber).style.display='grid';}lettouchstartX=0lettouchendX=0functioncheckDirection(){constactiveStep=getActiveStep();if(touchendXtouchstartX)previousStep(activeStep);}document.querySelectorAll('.interactive_buttons__container')[0].addEventListener('touchstart',e=>{touchstartX=e.changedTouches[0].screenX})document.querySelectorAll('.interactive_buttons__container')[0].addEventListener('touchend',e=>{touchendX=e.changedTouches[0].screenXcheckDirection()})functiongetActiveStep(){conststeps=document.querySelectorAll('.mobile-step');letactiveStep=null;steps.forEach((step,index)=>{if(step.classList.contains('mobile-step')&&getComputedStyle(step).display!=='none'){activeStep=index+1;}});returnactiveStep;}functionpreviousStep(activeStep){if(activeStep===1){updateStep(3);return;}updateStep(activeStep-1);}functionnextStep(activeStep){updateStep((activeStep%3)+1);}@importurl('fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');Tryoutacode-backedprototypeyourselfIt39;sfullyinteractiveSeewhat39;sinGetcodeTryme!document.addEventListener('DOMContentLoaded',function(){constparent=document.querySelector('.iframe__container-iframe');constiframe=document.createElement('iframe');iframe.title='UXPinPrototype';iframe.dataset.src='preview.uxpin.com/2ab8796efcf015eace22b4dc2205bdb46#/pes/5/simulate/no-panels?zoom=fit-to-width';constobserver=newIntersectionObserver((entries,observer)=>{entries.forEach(entry=>{if(entry.isIntersecting){entry.target.src=entry.target.dataset.src;observer.unobserve(entry.target);}});},{rootMargin:'1300px'});parent.appendChild(iframe);constonScroll=()=>{if(window.scrollY!==0){observer.observe(iframe);window.removeEventListener('scroll',onScroll);}};window.addEventListener('scroll',onScroll);});TryitoutyourselfWhatourclientsaresayingaboutusMarkFigueiredoSr.UXTeamLeadatT.RowePrice“Whatusedtotakedaystogatherfeedbacknowtakeshours.Addinthetimewe’vesedfromnotemailingback-and-forthandmanuallyredlining,andwe’veprobablyshedmonthsofftimelines.”LarrySawyerLeadUXDesigner"WhenIusedUXPinMerge,ourengineeringtimewasreducedbyaround50%.Iminehowmuchmoneythatsesacrossanenterprise-levelorganizationwithdozensofdesignersandhundredsofengineers.”DidSnodgrassDesignLeader"Beenafan.Thedeeperinteractions,theremovalofartboardcluttercreatesabetterfocusoninteractionratherthansinglescreenvisualinteraction,arealandtrueUXplatformthatalsoeliminatessomanyhandoffheadaches."BrianDemchakSr.UXDesigneratAAADigital&CreativeServices“Asafullstackdesignteam,UXPinMergeisourprimarytoolwhendesigninguserexperiences.Wehefullyintegratedourcustom-builtReactDesignSystemandcandesignwithourcodedcomponents.Ithasincreasedourproductivity,quality,andconsistency,streamliningourtestingoflayoutsandthedeveloperhandoffprocess.”BenjaminMichelUXDesigneratBottomlineTechnologies"IthinkUXPinisanunderratedpowerhouseofdesignandprototypingthatallowscomplexapplicationstodesignlow,medium,andhigh-fidelitydesignstocommunicatecomplexinteractionsallinoneplacequicklyandeffectively."Shipproductsfasterbyworkinginoneenvironment.ReadDocumentationExploretemplatesWatchtutorialsBuildUIwithcodebutvisuallyDesignwithAIPutdesignonautopilot.Buildcode-backedlayoutsusingAIComponentCreatorwithChatGPT.Writeapromptandyourauto-generatedtables,forms,orwhateveryoulikewillbereadytose.Built-inReactlibrariesDon’theyourowncomponentlibrary?UseUIelementsfromtopReactopen-sourceoneslikeMUI,TailwindUI,AntDesign,andmore.GetCleanCode&SpecsCopyspecsandproduction-readyReactcodewithdependencies.Allyoursandeasytomaintain.Exportitoffyourdesign,toyourproject,oropenitinanonlinedevenvironmentlikeStackBlitz.AdvancedinteractionsBreathelifeintoyourprototypesevenmore.Addadvancedinteractions,variables,conditionallogic,andmoretomakeyourprototypebeheliketheendproduct.ReusableUIcomponents.Designproductsfasterbyassemblingreadyanddocumentedelements.Nomorewritingcodefromscratch.BuilddesignswithreadycodethatrendersasUIandexportitinjustoneclick.Makecodeyoursinglesourceoftruth.Useoneenvironmentforall.Letdesignersanddevelopersspeakthesamelangue.Lovedbydevelopersandtechnicaldesigners.TrustedbyEnterprises.LearnmorefunctionupdateActive(stepNumber){document.querySelectorAll('.card').forEach(function(button){button.classList.remove('active');button.classList.add('not-active');});document.getElementById('card'+stepNumber).classList.add('active');document.getElementById('card'+stepNumber).classList.remove('not-active');document.querySelectorAll('.bottom-features__container-features-with-gif-gif,.bottom-features__container-features-with-gif-gif-steps').forEach(function(content){content.style.display='none';});document.getElementById('gif'+stepNumber).style.display='block';document.getElementById('stepid'+stepNumber).style.display='flex';}lettouchstartXb=0lettouchendXb=0letactiveStepBottom=1UI Design und Prototyping Tool;functioncheckDirectionBottomFeatures(){if(touchendXbtouchstartXb)previousStepBottom();}document.querySelectorAll('.bottom-features__container-features-with-gif')[0].addEventListener('touchstart',e=>{touchstartXb=e.changedTouches[0].screenX})document.querySelectorAll('.bottom-features__container-features-with-gif')[0].addEventListener('touchend',e=>{touchendXb=e.changedTouches[0].screenXcheckDirectionBottomFeatures()})functionnextStepBottom(){actUI Design und Prototyping TooliveStepBottom=(activeStepBottom%4)+1updateActive(activeStepBottom);}functionpreviousStepBottom(){if(activeStepBottom===1){activeStepBottom=4;updateActive(4);return;}activeStepBottom=activeStepBottom-1;updateActive(activeStepBottom);}Enhanceyourteam39;sefficiencywithcode-backedprototypeDesignwithcodetoremoveproductinconsistenciesandsimplifyhandofftospeedupthedesign-to-developmentprocess.BookademoUXPinUXPinImportfromSketchCustomersEnterprisePricingOpenUXPinUXPinforMacUXPinforWindowsMirrorforiOSMirrorforAndroidCompareUXPinvsFigmaUXPinvsInvisionUXPinvsAdobeXDUXPinvsFramerUXPinvsSketchUXPinvsAxureUXPinvsBalsamiqUXPinvsJustinmindUXPinvsZeplinUXPinvsMarvelAppUXPinvsProto.ioResourcesDocsVideoTutorialsBlogE-booksWebinarsPrototypeShowcaseAboutCompanyJobsNewPressKitContactus©UXPinInc.Allrightsreserved.PrivacyTermsofServiceSecurityEnglish語한국어constsitemapElement=document.getElementById('sitemap');if(sitemapElement){sitemapElement.addEventListener("click",(event)=>{if(event.target.classList.contains('download-link')){mixpanel.track('desktop_app_downloaded');}})}functiongetPeLangue(){//matchrewview/sting/produrlsthatcontains/kr/jpor/kr//jp/constmatches=window.location.href.match(/\/(jp|kr)\/?|\/(jp|kr)\b/);switch(matches?.[1]){case'kr':return'ko-KR';case'jp':return'ja-JP';default:return'en-US';}}constMIXPANEL_PROJECT_TOKEN='ca0b6e5e3c5be82d7133a9145c2d1b73';//SetthistotruetoenableMixpanelloggingconstdebug=false;window.addEventListener('load',()=>{setTimeout(()=>{(function(f,b){if(!b.__SV){vare,g,i,h;window.mixpanel=b;b._i=[];b.init=function(e,f,c){functiong(a,d){varb=d.split(".");2==b.length&&(a=a[b[0]],d=b[1]);a[d]=function(){a.push([d].concat(Array.prototype.slice.call(arguments,0)))}}vara=b;"undefined"!==typeofc?a=b[c]=[]:c="mixpanel";a.people=a.people||[];a.toString=function(a){vard="mixpanel";"mixpanel"!==c&&(d+="."+c);a||(d+="(stub)");returnd};a.people.toString=function(){returna.toString(1)+".people(stub)"};i="disabletime_eventtracktrack_peviewtrack_linkstrack_formstrack_with_groupsadd_groupset_groupremove_groupregisterregister_oncealiasunregisteridentifyname_tset_configresetopt_in_trackingopt_out_trackinghas_opted_in_trackinghas_opted_out_trackingclear_opt_in_out_trackingstart_batch_senderspeople.setpeople.set_oncepeople.unsetpeople.incrementpeople.appendpeople.unionpeople.track_chargepeople.clear_chargespeople.delete_userpeople.remove".split("");for(h=0;h