CINXE.COM

<!DOCTYPE html><html data-wf-domain="www.abstract.com" data-wf-page="643d81ef999b1c0cca72aca5" data-wf-site="5ff3926f03b3ba26b7d639cb" lang="en"><head><meta charset="utf-8"/><title>Version control for Sketch | Abstract</title><meta content="Design together, in real-time with version control for Sketch. Collaborate in the same file at the same time, without losing the original." name="description"/><meta content="Version control for Sketch | Abstract" property="og:title"/><meta content="Design together, in real-time with version control for Sketch. Collaborate in the same file at the same time, without losing the original." property="og:description"/><meta content="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60072932670653f1d2ab1afd_og-versions.jpg" property="og:image"/><meta content="Version control for Sketch | Abstract" property="twitter:title"/><meta content="Design together, in real-time with version control for Sketch. Collaborate in the same file at the same time, without losing the original." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60072932670653f1d2ab1afd_og-versions.jpg" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/css/fs-abstract-v2.5667a4efe.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/5ff3926f03b3bac721d639f4_favicon-small.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/5ff3926f03b3baa809d639fc_favicon.png" rel="apple-touch-icon"/><script src="https://www.google.com/recaptcha/api.js" type="text/javascript"></script> <script type="text/javascript"> var _iub = _iub || []; _iub.csConfiguration = {"consentOnScroll":false,"whitelabel":false,"lang":"en","siteId":1889649,"cookiePolicyId":91605901,"cookiePolicyUrl":"https://www.abstract.com/legal/cookie-policy/", "banner":{ "acceptButtonDisplay":true,"acceptButtonColor":"#ffffff","acceptButtonCaptionColor":"#191a1b","rejectButtonColor":"#0073CE","rejectButtonCaptionColor":"white","position":"float-bottom-left","textColor":"white","backgroundColor":"#242424","content":"We use cookies to collect and analyze information on site performance and usage, and to enhance and customize content and advertisements. To find out more or to change your cookie settings, please visit our <a href=\"https://www.abstract.com/legal/cookie-policy/\">Cookie Policy</a>." }}; </script> <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script> <script> !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics.SNIPPET_VERSION="4.13.1"; analytics.load("Ro3i6wRonikkJnYwYzAGOAuFmaQQHQx4"); analytics.page(); }}(); </script>  <script type="text/javascript"> (function() { var t = document.createElement('script'), s = document.getElementsByTagName('script')[0]; t.async = true; t.id = 'cio-forms-handler'; t.setAttribute('data-site-id', '80a43a6f3aab248f9bec'); t.setAttribute('data-base-url', 'https://customerioforms.com'); t.src = 'https://customerioforms.com/assets/forms.js'; s.parentNode.insertBefore(t, s); })(); </script> <style> /* Remove tap highlight on mobile */ input, textarea, button, select, a { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } /*smoother text*/ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; } /*make inputs unstyled in safari*/ textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], { -webkit-appearance: none; } /* Get rid of textarea resizer */ textarea { resize: none } </style> <style> .drift-conductor-item { transform: translateZ(1000px) !important; } .drift-nb, .drift-br{ transition: opacity 350ms linear 0ms; } .drift-nb.active, .drift-br.active{ display: flex; opacity: 1; transition: opacity 350ms linear 0ms; } </style> <meta name="google-site-verification" content="S56wDQeZG7ojByu2nkIyoXeO9u1ZjebK4RP_DnOVCLA" /></head><body class="c-body"><div class="custom-styles w-embed"><style> /*set default font*/ html { font-size:16px; } html, body{ height: 100%; } /* Blending modes */ .mbm-normal{mix-blend-mode: normal;} .mbm-multiply{mix-blend-mode: multiply;} .mbm-screen{mix-blend-mode: screen;} .mbm-overlay{mix-blend-mode: overlay;} .mbm-darken{mix-blend-mode: darken;} .mbm-lighten{mix-blend-mode: lighten;} .mbm-color-dodge{mix-blend-mode: color-dodge} .mbm-color-burn{mix-blend-mode: color-burn;} .mbm-hard-light{mix-blend-mode: hard-light;} .mbm-soft-light{mix-blend-mode: soft-light;} .mbm-difference{mix-blend-mode: difference;} .mbm-exclusion{mix-blend-mode: exclusion;} .mbm-hue{mix-blend-mode: hue;} .mbm-saturation{mix-blend-mode: saturation;} .mbm-color{mix-blend-mode: color;} .mbm-luminosity{mix-blend-mode: luminosity;} /*colorize text selection */ ::-moz-selection { /* Firefox */ background: #C9D5D3; } ::selection { background: #C9D5D3; } /*add no events class*/ .no-pointer-events { pointer-events: none; } /*add no select class*/ .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ } /*make sure the upper headings in rich text blocks are without top margin*/ .rich-text h1:first-child { margin-top: 0; } .rich-text-designis h2:first-child { margin-top: 0; } .rich-text h2:first-child { margin-top: 0; } .rich-text h3:first-child { margin-top: 0; } .rich-text h4:first-child { margin-top: 0; } .rich-text h5:first-child { margin-top: 0; } .rich-text h6:first-child { margin-top: 0; } .rich-text figure:first-child { margin-top: 0; } /*make last elements in rich text to be marginless*/ .rich-text p:last-child { margin-bottom: 0; } .rich-text-designis p:last-child { margin-bottom: 0; } .rich-text blockquote:last-child { margin-bottom: 0; } .rich-text ol:last-child { margin-bottom: 0; } .rich-text ul:last-child { margin-bottom: 0; } .rich-text ol li:last-child { margin-bottom: 0; } .rich-text ul li:last-child { margin-bottom: 0; } .rich-text blockquote:before { content: '\201C'; position: absolute; top: 0; left: -0.4em; text-align: right; } .rich-text blockquote:after { content: '\201D'; } /*reset selects, buttons, and links*/ .w-input, .w-select, a { color: inherit; text-decoration: inherit; font-size: inherit; } .text-highlight a { color: inherit; text-decoration: none; cursor: inherit; } .text-highlight a:hover { color: inherit; text-decoration: none; } .w-select { /* resetting default form style for custom icon*/ -moz-appearance: none; -webkit-appearance: none; appearance: none; background-position: right 0.5rem center !important; } .block-quote:before { content: '\201C'; position: absolute; top: 0; left: -0.4em; text-align: right; } .text-gtsuper { font-variant-numeric: lining-nums; } .break-text { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } ol.decimal li:before { counter-increment: item; content: counters(item, ".") " "; display: inline-block; margin-right: 1rem; font-weight: 700; } ol.decimal li:first-child { counter-reset: item; } ol.lower-latin>li, ol.lower-latin>li>ol>li { list-style: lower-latin; list-style-position: inside; } ol.lower-latin>li:before, ol.lower-latin>li>ol>li:before { display: none; content: ""; margin: 0; } ol.decimal ol.lower-latin li { list-style: lower-latin; list-style-position: inside; } ol.decimal ul>li:before { display: none; } ol.lower-latin ol.lower-roman li { list-style: lower-roman; list-style-position: inside; } .r-item-info, .r-main-item-img, .r-grid-hover { transition: transform 700ms cubic-bezier(0.8,0,0.2,1) 0ms; } .r-grid-blocks-list .r-grid-block:nth-child(7n-13), .r-grid-blocks-list .r-grid-block:nth-last-child(1):nth-child(odd){ width: 100%; padding-top: 50%; } .cs-form-wrapper { transition: opacity 350ms linear 0ms; } .cs-form-close, .cs-form-open { cursor: pointer; } .cs-form-wrapper.active { display: flex; opacity: 1; transition: opacity 350ms linear 0ms; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; } .cs-form-group label { transition: all 200ms ease-in-out 0ms; } .cs-form-group label.active { font-size: 12px; top: 10px; } .cs-form-group label.focused { color: #4C5FD5; } .cs-form-highlight.active { transition: width 100ms cubic-bezier(.7,0,.3,1) 0ms; } .cs-form-highlight.active { width: 100%; transition: width 300ms cubic-bezier(.7,0,.3,1) 0ms; } .cs-form-text-area { resize: vertical; height: 48px; } .cs-form-field { font-size: 16px } .cs-form-label { user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; pointer-events:none; } .r-marquee-link-block { position: relative; overflow: hidden; } .r-marquee-item-block { width: auto; display: flex; position: relative; --offset: 100%; --move-initial: 0; --move-final: calc(-200% + var(--offset)); transform: translate3d(0,0,0); transform: translate3d(var(--move-initial), 0, 0); animation: marquee 10s linear infinite; animation-play-state: running; } @keyframes marquee { 0% { transform: translate3d(var(--move-initial), 0, 0); } 100% { transform: translate3d(var(--move-final), 0, 0); } } </style></div><a id="skip-link" href="#content" class="skip-link no-anchor">skip to content<br/></a><section class="cs-form-wrapper"><div class="cs-form-click-away cs-form-close"></div><div class="cs-form-modal"><div class="cs-form w-form"><div class="cs-form-header"><div class="cs-form-title">Contact Sales</div><div class="cs-form-exit cs-form-close"><div class="cs-exit-bar cs-exit-bar-1"></div><div class="cs-exit-bar cs-exit-bar-2"></div></div></div><form id="wf-form-contactSales" name="wf-form-contactSales" data-name="contactSales" method="get" class="cs-form" data-wf-page-id="643d81ef999b1c0cca72aca5" data-wf-element-id="2f26523a-676b-0736-1758-07b13c5a20e2"><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="email" data-name="email" placeholder="" type="email" id="email-11" required=""/><label for="Email-11" class="cs-form-label">Email</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="firstName" data-name="firstName" placeholder="" type="text" id="firstName-8" required=""/><label for="First-Name" class="cs-form-label">First name</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="lastName" data-name="lastName" placeholder="" type="text" id="lastName-8" required=""/><label for="Last-Name" class="cs-form-label">Last name</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="company" data-name="company" placeholder="" type="text" id="company-9" required=""/><label for="Email-11" class="cs-form-label">Company</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><select id="Estimated-Design-Users" name="Est.-Design-Users" data-name="Est. Design Users" required="" class="cs-form-field w-select"><option value="">Select one...</option><option value="100+ contributors">100+ contributors</option><option value="50-99 contributors">50-99 contributors</option><option value="25-49 contributors">25-49 contributors</option><option value="10-24 contributors">10-24 contributors</option></select><label for="" class="cs-form-label">Estimated Contributor Seats</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><textarea id="comments-7" name="comments" maxlength="5000" data-name="comments" placeholder="" class="cs-form-field cs-form-text-area w-input"></textarea><label for="Email-12" class="cs-form-label">Comments (optional)</label><div class="cs-form-highlight"></div></div><div class="cs-form-section-title">I’d like to learn more about:</div><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="organizingDesigns" type="checkbox" name="organizingDesigns" data-name="organizingDesigns" style="opacity:0;position:absolute;z-index:-1"/><span for="organizingDesigns" class="cs-form-radio-text w-form-label">Organizing designs into projects</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="streamliningReviews" type="checkbox" name="streamliningReviews" data-name="streamliningReviews" style="opacity:0;position:absolute;z-index:-1"/><span for="streamliningReviews" class="cs-form-radio-text w-form-label">Streamlining the review process</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="sharingEvolution" type="checkbox" name="sharingEvolution" data-name="sharingEvolution" style="opacity:0;position:absolute;z-index:-1"/><span for="sharingEvolution" class="cs-form-radio-text w-form-label">Sharing the evolution of designs</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="versionControl" type="checkbox" name="versionControl" data-name="versionControl" style="opacity:0;position:absolute;z-index:-1"/><span for="versionControl" class="cs-form-radio-text w-form-label">Version control for Sketch files</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="other" type="checkbox" name="other" data-name="other" style="opacity:0;position:absolute;z-index:-1"/><span for="other" class="cs-form-radio-text w-form-label">Other</span></label><div data-sitekey="6LcaaBcqAAAAAHGxbhANyJehugFxM3XEhAlSrzNU" class="w-form-formrecaptcha g-recaptcha g-recaptcha-error g-recaptcha-disabled"></div><input type="submit" data-wait="Please wait..." class="cs-form-submit-btn w-button" value="Submit"/></form><div class="cs-success w-form-done"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6100656f4aa5c63a91736881_check.svg" loading="lazy" alt="Checkmark Illustration" class="cs-success-img"/><div class="cs-success-headline">Thank you!</div><div class="cs-success-copy">You'll hear back from our team shortly.</div><div class="button button-small cs-success-btn cs-form-close">Close Form</div></div><div class="cs-error w-form-fail"><div class="cs-error-message">Oops! Something didn't work. Please try again.</div></div></div></div></section><div class="drift-modal-content drift-br"><div class="drift-modal-bg drift-br-exit"></div><div class="drift-modal-iframe"><div class="drift-modal-iframe-inner w-embed w-iframe"><iframe src="https://chat.abstract.com/embed/149681/1361350" width="100%" height="100%" frameborder="0" /> </iframe></div><div class="drift-modal-exit drift-br-exit"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/608b244ae7bc4c5da998ba8e_modal-exit-icon.svg" loading="lazy" alt="Exit Icon"/></div></div></div><div class="page"><div class="topbar-wrapper"><div class="w-dyn-list"><div class="collection-empty w-dyn-empty"><div>No items found.</div></div></div></div><div class="nav-outer-wrapper"><div class="c-header"><div class="c-section c-section-header"><div class="c-grid c-grid-header"><div id="w-node-d2797371-cb25-451d-99b8-1de0a99b68da-a99b68d7" class="header-logo-container"><a href="/" aria-current="page" class="header-logo-link w-inline-block w--current"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60c388bf3c3ae4d1d10653e7_Abstract_Wordmark-White.svg" loading="lazy" alt="" class="header-logo"/></a></div><div data-w-id="d2797371-cb25-451d-99b8-1de0a99b68f2" class="header-menu-icon"><div class="header-menu-bar header-menu-bar-1"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/61534838ccd7f756b3a17a1e_navbar.svg" loading="lazy" alt="Menu Bar" class="header-menu-bar-img"/></div><div class="header-menu-bar header-menu-bar-2"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/61534838ccd7f756b3a17a1e_navbar.svg" loading="lazy" alt="Menu Bar" class="header-menu-bar-img"/></div><div class="header-menu-bar header-menu-bar-3"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/61534838ccd7f756b3a17a1e_navbar.svg" loading="lazy" alt="Menu Bar" class="header-menu-bar-img"/></div></div><div id="w-node-d2797371-cb25-451d-99b8-1de0a99b68ed-a99b68d7" class="header-cta-container"><a href="https://app.abstract.com/signin" class="c-link c-link-text c-link-text-reverse">Sign in</a></div></div></div><div data-w-id="d2797371-cb25-451d-99b8-1de0a99b68f9" class="c-section c-section-mobile-menu"><div class="c-grid c-grid-header-mobile-nav"><div class="header-mobile-nav"><a href="#" class="header-mobile-nav-link w-inline-block"><div>Notebooks</div></a><a href="/" aria-current="page" class="header-mobile-nav-link w-inline-block w--current"><div>Branches</div></a><a href="/pricing" class="header-mobile-nav-link w-inline-block"><div>Pricing</div></a></div><div class="header-mobile-ctas"><a href="https://app.abstract.com/signup" class="c-link c-link-btn c-link-btn-white">Try Notebooks</a><a href="https://app.abstract.com/signin" class="header-mobile-sign-in">Sign in</a></div></div></div></div></div><div id="content" class="main"><section class="section s-hero s-hero-versions"><div class="section-radius"></div><div class="container-max space-bottom-l-mobile-wide"><div class="flex-grid"><div class="col-wrapper"><div class="col col-7-d col-12-ml branches-hero-text"><div class="hero-title-wrapper space-bottom-xl branches-hero-title-wrapper"><h1 class="heading-xxl heading-smaller-mobile space-bottom-m"><span class="text-gtsuper">True version control</span> for Sketch files</h1><div class="branches-hero-title-btns"><div class="buttons-wrapper branches-hero-buttons"><a data-property-location="hero" data-analytics="ctaClicked" data-property-type="button" href="https://app.abstract.com/start-branches-trial" target="_blank" class="button">Start Trial</a><a href="https://app.abstract.com/download" target="_blank" class="button button-ghost button-ghost-reverse">Download</a></div></div><div class="versions-annotation"><div class="versions-annotation-arrow"><div class="svg w-embed"><svg viewBox="0 0 49 93" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.9415 88.207C38.755 88.7269 38.1824 88.9971 37.6625 88.8106C37.1427 88.624 36.8725 88.0514 37.059 87.5316L38.9415 88.207ZM1.17814 10.5695C0.863778 10.1154 0.977034 9.49242 1.43112 9.17805L8.83081 4.0551C9.28489 3.74073 9.90784 3.854 10.2222 4.30808C10.5366 4.76216 10.4233 5.38511 9.96924 5.69948L3.39174 10.2532L7.94546 16.8307C8.25983 17.2848 8.14657 17.9077 7.69249 18.2221C7.23841 18.5365 6.61546 18.4232 6.30109 17.9691L1.17814 10.5695ZM37.059 87.5316C42.0093 73.7355 43.962 56.5012 39.297 41.7858C34.658 27.1522 23.4537 14.9171 1.82145 10.9841L2.17921 9.01636C24.5469 13.083 36.3426 25.8479 41.2035 41.1815C46.0386 56.4334 43.9912 74.1338 38.9415 88.207L37.059 87.5316Z" fill="CurrentColor"/> </svg></div></div><div class="text-annotation">Free yourself from files and folders</div></div></div><div class="text-l space-bottom-m branches-hero-text-l">1 in 3 Fortune 500 companies use Sketch + Abstract</div><div class="flex-grid"><div class="col-wrapper flex-h-ac-js"><div class="col col-4-t col-6-mp"><div class="logo"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6000b39fca78341795141fc5_logo-wayfair.svg" loading="lazy" alt="Wayfair logo"/></div></div><div class="col col-4-t col-6-mp"><div class="logo"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6000b3b138a2cf24fddf487c_logo-cisco.svg" loading="lazy" alt="Cisco logo"/></div></div><div class="col col-4-t col-6-mp"><div class="logo"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6000b3b9ce8bed736684942a_logo-docusign.svg" loading="lazy" alt="Docusign logo"/></div></div><div class="col col-4-t col-6-mp"><div class="logo"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6000b3c1d88d2f2053df82bb_logo-microsoft.svg" loading="lazy" alt="Microsoft logo"/></div></div><div class="col col-4-t col-6-mp"><div class="logo"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6000b3c8d88d2fe7bedf82e7_logo-zendesk.svg" loading="lazy" alt="Zendesk logo"/></div></div></div></div></div></div></div></div><div class="branches-hero-illustration-wrapper"><div class="branches-hero-illustration"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/61d4c6c484f03083032e8fe4_Branches_Hero2022.png" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 991px) 92vw, (max-width: 1279px) 89vw, (max-width: 1439px) 69vw, (max-width: 1919px) 880px, 46vw" srcset="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/61d4c6c484f03083032e8fe4_Branches_Hero2022-p-500.png 500w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/61d4c6c484f03083032e8fe4_Branches_Hero2022-p-800.png 800w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/61d4c6c484f03083032e8fe4_Branches_Hero2022.png 1682w" alt="Side panel view of Branches in Versions" class="img-100"/></div></div></section><div class="section s-heading-first background-blurple z-9"><div class="section-head-bg-extension background-blurple"></div><div class="container-max"><div class="flex-grid"><div class="col-wrapper"><div class="col col-12-d"><div class="heading-lines hide-mobile-wide"><div class="heading-line hl-first"></div><div class="heading-line"></div></div><div class="flex-grid"><div class="col-wrapper"><div class="col col-8-d col-9-dmax"><h2 class="heading-xl"><span class="text-gtsuper">Design collaboration</span> shouldn’t be extra work</h2></div><div class="col"></div></div></div></div></div></div></div></div><section class="section s-radius sr-large background-blurple z-9"><div class="container-max"><div class="flex-grid"><div class="col-wrapper"><div class="col col-4-d col-12-ml"><div class="ico-illustration space-bottom-s"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60075b8807899acd4978770d_ico-clock.svg" loading="lazy" alt="Analog clock set to two pm icon" class="img-100"/></div><h3 class="heading-s space-bottom-s">Less files. More flow.</h3><div class="text-l space-bottom-s">No more digging through Dropbox and Google Drive. Always know where to find “the latest,” so you can stay in your design flow.</div></div><div class="col col-4-d col-12-ml"><div class="ico-illustration space-bottom-s"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60075bea6cab530ea48cf1bb_ico-plant.svg" loading="lazy" alt="Potted plant with two leaves icon" class="img-100"/></div><h3 class="heading-s space-bottom-s">Design together, in real time.</h3><div class="text-l space-bottom-s">Explore and iterate in the same file at the same time, without losing the original. Simply create a branch, do your thing, then merge your changes when ready.</div></div><div class="col col-4-d col-12-ml"><div class="ico-illustration space-bottom-s"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60075c01369ea2351333e3a8_ico-sync.svg" loading="lazy" alt="Two rounded lines with arrows to form a circle icon" class="img-100"/></div><h3 class="heading-s space-bottom-s">Iterate with context.</h3><div class="text-l">Know who made changes, when, and why. Compare changes side by side, resolve design conflicts, and merge work with precision.</div></div></div></div></div></section><div class="section s-heading background-kelp z-8"><div class="section-head-bg-extension background-kelp"></div><div class="container-max text-white"><div class="flex-grid"><div class="col-wrapper flex-h-ac-js"><div class="col col-6-d col-12-ml"><div><h2 class="heading-xl">How <span class="text-gtsuper">version control</span> works</h2></div></div></div></div></div></div><section class="section s-radius sr-medium background-kelp z-8"><div class="container-max text-white"><div class="space-bottom-l"><div class="buttons-wrapper"><a href="https://youtu.be/cMe8mPS08E4" target="_blank" class="button">Watch 3-minute demo</a></div></div><div class="flex-grid fg-slider"><div class="col-wrapper flex-h-ac-js"><div class="col col-12-t"><div class="slider-custom-nav-wrapper"><div data-w-id="ec238c4e-29aa-e467-6710-67a693ec0f59" style="-webkit-transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="slider-custom-nav scn1"><div class="slider-custom-nav-line cnl-sc"><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:1" class="custom-nav-line-fill sc sl1"></div></div><div><h3 class="heading-s space-bottom-s">Centralize your files</h3><div class="text-l">Import your Sketch files into Abstract and instantly create a central hub for your recent work. </div></div></div><div data-w-id="ec238c4e-29aa-e467-6710-67a693ec0f61" style="-webkit-transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="slider-custom-nav scn2"><div class="slider-custom-nav-line cnl-sc"><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:1" class="custom-nav-line-fill sc sl2"></div></div><div><h3 class="heading-s space-bottom-s">Branch out and explore</h3><div class="text-l">Start an exploration by creating a branch off of the master file. Branches are spaces where you and other designers can work on files at the same time, without affecting the original.</div></div></div><div data-w-id="ec238c4e-29aa-e467-6710-67a693ec0f69" style="-webkit-transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="slider-custom-nav scn3"><div class="slider-custom-nav-line cnl-sc"><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:1" class="custom-nav-line-fill sc sl3"></div></div><div><h3 class="heading-s space-bottom-s">Merge seamlessly</h3><div class="text-l">Once designs are approved, merge your changes into the master file. Change your mind or spot an error? Just roll back to the previous version.</div></div></div></div></div><div class="col col-1-d show-1280"></div><div class="col col-12-t flex-first-t space-bottom-m-tablet"><div data-delay="5000" data-animation="cross" class="_wf-slider-v2 w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="false" data-disable-swipe="true" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true"><div class="w-slider-mask"><div data-w-id="ec238c4e-29aa-e467-6710-67a693ec0f75" class="notebooks-slider-slide-home w-slide"><div class="notebooks-slider-inner-wrapper"><div class="img-wrapper iw-notebooks-slider-home"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6018432aded2ea2858326aec_Group%201092%20(1).png" sizes="100vw" srcset="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6018432aded2ea2858326aec_Group%201092%20(1)-p-500.png 500w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6018432aded2ea2858326aec_Group%201092%20(1).png 594w" alt="Sketch files saved in Versions files" class="img-100"/></div></div></div><div data-w-id="ec238c4e-29aa-e467-6710-67a693ec0f79" class="notebooks-slider-slide-home w-slide"><div class="notebooks-slider-inner-wrapper"><div class="img-wrapper iw-notebooks-slider-home"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60184356a204801aba56a8ce_Group%201089%20(1).png" sizes="100vw" srcset="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60184356a204801aba56a8ce_Group%201089%20(1)-p-500.png 500w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60184356a204801aba56a8ce_Group%201089%20(1).png 594w" alt="Expanded Branches side panel" class="img-100"/></div></div></div><div data-w-id="ec238c4e-29aa-e467-6710-67a693ec0f7d" class="notebooks-slider-slide-home w-slide"><div class="notebooks-slider-inner-wrapper"><div class="img-wrapper iw-notebooks-slider-home"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6018437f25b08263e6159fcc_Group%201092%20(2).png" sizes="100vw" srcset="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6018437f25b08263e6159fcc_Group%201092%20(2)-p-500.png 500w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6018437f25b08263e6159fcc_Group%201092%20(2).png 608w" alt="Options to approve branch or request changes in Versions" class="img-100"/></div></div></div></div><div class="hidden w-slider-arrow-left"><div class="w-icon-slider-left"></div></div><div class="hidden w-slider-arrow-right"><div class="w-icon-slider-right"></div></div><div class="hidden w-slider-nav w-round"></div></div></div></div></div><div data-delay="4000" data-animation="slide" class="mobile-slider w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="4" data-duration="500" data-infinite="true"><div class="versions-mobile-slider-custom-code w-embed"><style> .w-slider-dot { background: white; } .w-slider-dot.w-active { background: #4c5fd5; } </style></div><div class="space-bottom-xs space-bottom-m-mobile-wide w-slider-mask"><div class="w-slide"><div class="flex-grid"><div class="col-wrapper"><div class="col col-6-t col-12-ml"><div class="versions-mobile-slider-text"><h3 class="heading-s space-bottom-s">Centralize your files</h3><div class="text-l">Import your Sketch files into Abstract and instantly create a centralized place for your most up-to-date design work. The latest version is called master.</div></div></div><div class="col col-6-t col-12-ml flex-first-ml"><div class="versions-tab-illustration"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6007662f74699ae731f2d944_Component%202%20(1)(1).png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6007662f74699ae731f2d944_Component%202%20(1)(1)-p-500.png 500w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6007662f74699ae731f2d944_Component%202%20(1)(1)-p-800.png 800w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6007662f74699ae731f2d944_Component%202%20(1)(1).png 1026w" alt="Versions UI Sketch Component" class="img-100"/></div></div></div></div></div><div class="w-slide"><div class="flex-grid"><div class="col-wrapper"><div class="col col-6-t col-12-ml"><div class="versions-mobile-slider-text"><h3 class="heading-s space-bottom-s">Get creative on your own branch</h3><div class="text-l">Start an exploration by creating a branch off of master. Branches are safe spaces where you and other designers can work on files at the same time, without affecting the master.</div></div></div><div class="col col-6-t col-12-ml flex-first-ml"><div class="versions-tab-illustration"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/600766edc15a909220592b99_Component%201(1).png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/600766edc15a909220592b99_Component%201(1)-p-500.png 500w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/600766edc15a909220592b99_Component%201(1)-p-800.png 800w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/600766edc15a909220592b99_Component%201(1).png 1254w" alt="Versions UI Branching Component" class="img-100"/></div></div></div></div></div><div class="w-slide"><div class="flex-grid"><div class="col-wrapper"><div class="col col-6-t col-12-ml"><div class="versions-mobile-slider-text"><h3 class="heading-s space-bottom-s">Less files. More flow</h3><div class="text-l">Busywork doesn’t just eat time. It gets in the way of getting into a flow (where the real magic happens). Stop wasting hours searching through Dropbox folders and Google Drive. Always know where to find “the latest”.</div></div></div><div class="col col-6-t col-12-ml flex-first-ml"><div class="versions-tab-illustration"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6007673caeeb790e0ec17e98_Component%204(1).png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6007673caeeb790e0ec17e98_Component%204(1)-p-500.png 500w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6007673caeeb790e0ec17e98_Component%204(1)-p-800.png 800w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6007673caeeb790e0ec17e98_Component%204(1)-p-1080.png 1080w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6007673caeeb790e0ec17e98_Component%204(1).png 1242w" alt="Versions UI Review and Commenting Component" class="img-100"/></div></div></div></div></div></div><div class="hidden w-slider-arrow-left"><div class="w-icon-slider-left"></div></div><div class="hidden w-slider-arrow-right"><div class="w-icon-slider-right"></div></div><div class="version-mobile-slider-nav w-slider-nav w-round"></div></div></div></section><div class="section s-heading background-white z-7"><div class="section-head-bg-extension background-white"></div><div class="container-max"><h2 class="heading-xl text-center">Why <span class="text-gtsuper">design teams</span> love️ Abstract<span class="heading-xl-super-script">®</span></h2></div></div><section class="section s-radius sr-large s-last background-white"><div class="container-max"><div class="flex-grid"><div class="col-wrapper"><div class="col col-12-d col-4-ds"><a href="/blog/cisco-enterprise-design-system" class="versions-design-team w-inline-block"><div class="flex-grid"><div class="col-wrapper space-0"><div class="col space-inner-0 col-2-d col-12-ds col-12-ml"><div class="versions-design-team-block vdtb-logo"><div class="versions-design-team-logo vdtl-1"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/600840be3b2fd0583f72fe58_logo-cisco-black.svg" loading="lazy" alt="Cisco logo in black with cream background" class="img-contain"/></div></div></div><div class="col space-inner-0 col-3-d col-6-ds col-6-ml"><div class="versions-design-team-block vdbt-feature"><h3 class="heading-s versions-design-team-heading">Design system management</h3></div></div><div class="col space-inner-0 col-5-d col-6-ds col-6-ml"><div class="versions-design-team-block"><div class="branches-grid-card-desc">How Cisco built an enterprise global design system</div></div></div><div class="col space-inner-0 col-2-d col-12-ds col-12-ml"><div class="versions-design-team-block"><div class="text-link tl-alt">Read Cisco’s Story</div></div></div></div></div></a></div><div class="col col-12-d col-4-ds"><a href="/blog/salesforce-lightning-design-system" class="versions-design-team w-inline-block"><div class="flex-grid"><div class="col-wrapper space-0"><div class="col space-inner-0 col-2-d col-12-ds col-12-ml"><div class="versions-design-team-block vdtb-logo"><div class="versions-design-team-logo vdtl-2"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60084e7580cfca1b8ef845cd_logo-sf-black.svg" loading="lazy" alt="Salesforce logo in black with green background" class="img-contain"/></div></div></div><div class="col space-inner-0 col-3-d col-6-ds col-6-ml"><div class="versions-design-team-block vdbt-feature"><h3 class="heading-s versions-design-team-heading">Radical transparency</h3></div></div><div class="col space-inner-0 col-5-d col-6-ds col-6-ml"><div class="versions-design-team-block"><div class="branches-grid-card-desc">How designers at Salesforce fostered trust and teamwork</div></div></div><div class="col space-inner-0 col-2-d col-12-ds col-12-ml"><div class="versions-design-team-block"><div class="text-link tl-alt">Read Saleforce’s Story</div></div></div></div></div></a></div><div class="col col-12-d col-4-ds"><a href="/blog/banner-health-navigate-future" class="versions-design-team w-inline-block"><div class="flex-grid"><div class="col-wrapper space-0"><div class="col space-inner-0 col-2-d col-12-ds col-12-ml"><div class="versions-design-team-block vdtb-logo"><div class="versions-design-team-logo vdtl-3"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60084eca78f1d920cb53ff3d_logo-bh-black.svg" loading="lazy" alt="Banner Health logo in black and purple background" class="img-contain"/></div></div></div><div class="col space-inner-0 col-3-d col-6-ds col-6-ml"><div class="versions-design-team-block vdbt-feature"><h3 class="heading-s versions-design-team-heading">Remote collaboration</h3></div></div><div class="col space-inner-0 col-5-d col-6-ds col-6-ml"><div class="versions-design-team-block"><div class="branches-grid-card-desc">How Banner Health is navigating the remote future no one planned for</div></div></div><div class="col space-inner-0 col-2-d col-12-ds col-12-ml"><div class="versions-design-team-block"><div class="text-link tl-alt">Read Banner Health’s Story</div></div></div></div></div></a></div></div></div></div></section><div class="c-section c-section_contentcta"><div class="c-grid c-grid_contentcta"><h4 id="w-node-f2b91bc3-30e3-eede-38e9-3ccbf0b7a91e-f0b7a91c" class="c-contentcta_title">Dedicated to <span class="c-text-serif">product designers</span></h4><p id="w-node-f2b91bc3-30e3-eede-38e9-3ccbf0b7a922-f0b7a91c" class="c-contentcta_desc">Get inspired by stories and resources from the best product design leaders and teams.</p><div id="w-node-f2b91bc3-30e3-eede-38e9-3ccbf0b7a924-f0b7a91c" class="c-contentcta_card c-contentcta_card1"><a href="https://www.abstract.com/category/customer-stories" class="c-contentcta_link w-inline-block"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/61277ed466125b07081fcbfd_UseCases_Present_Header.svg" loading="lazy" alt="An illustration with a film projector that is projecting designs along with a teeter-totter and Newtons Cradle" class="c-contentcta_card_img"/><div class="c-contentcta_card_desccontainer"><h5 class="c-contentcta_card_title">Customer Spotlight</h5><p class="c-contentcta_card_desc">Empowering design teams and transforming workflows with Abstract </p></div><p class="c-contentcta_card_btn">Read their stories</p></a></div><div id="w-node-f2b91bc3-30e3-eede-38e9-3ccbf0b7a92e-f0b7a91c" class="c-contentcta_card c-contentcta_card2"><a href="/in-the-margin" class="c-contentcta_link w-inline-block"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/615ee696650c0dcefd6ba050_how-we-use-notebooks.jpg" loading="lazy" sizes="(max-width: 767px) 91vw, (max-width: 991px) 93vw, (max-width: 1279px) 10vw, 9vw" srcset="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/615ee696650c0dcefd6ba050_how-we-use-notebooks-p-800.jpeg 800w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/615ee696650c0dcefd6ba050_how-we-use-notebooks-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/615ee696650c0dcefd6ba050_how-we-use-notebooks.jpg 1104w" alt="Illustration with abstract logo pencil and Newtons Cradle" class="c-contentcta_card_img"/><div class="c-contentcta_card_desccontainer"><h5 class="c-contentcta_card_title">Design Inspiration</h5><p class="c-contentcta_card_desc">Scaling design ops, collaboration, and the impact of design</p></div><p class="c-contentcta_card_btn">Get inspired</p></a></div><div id="w-node-f2b91bc3-30e3-eede-38e9-3ccbf0b7a938-f0b7a91c" class="c-contentcta_card c-contentcta_card3"><a href="https://www.abstract.com/blog" class="c-contentcta_link w-inline-block"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/601fde7b75a59c4f12a8b944_og-blog.png" loading="lazy" sizes="(max-width: 767px) 91vw, (max-width: 991px) 93vw, (max-width: 1279px) 10vw, 8vw" srcset="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/601fde7b75a59c4f12a8b944_og-blog-p-500.png 500w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/601fde7b75a59c4f12a8b944_og-blog-p-800.png 800w, https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/601fde7b75a59c4f12a8b944_og-blog.png 1200w" alt="" class="c-contentcta_card_img"/><div class="c-contentcta_card_desccontainer"><h5 class="c-contentcta_card_title">Our Blog</h5><p class="c-contentcta_card_desc">Stories, news, and tips from behind the Artboards</p></div><p class="c-contentcta_card_btn">Browse Abstract's blog</p></a></div></div></div><div class="versions-cta-container section"><h3 class="versions-cta-heading heading-l">Level up your <span class="text-gtsuper">workflow</span></h3><a data-property-location="footer" data-analytics="ctaClicked" data-property-type="button" href="/pricing" class="button">View Pricing Plans</a></div><footer class="c-footer-container"><div class="c-section c-section_footer"><div class="c-grid c-grid_footer"><div id="w-node-_5450694c-b7b9-7422-2f9f-d3f12c2bb027-2c2bb025" class="c-footer_col c-footer_col1"><a href="/" aria-current="page" class="c-footer_logolink w-inline-block w--current"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/60c388bf3c3ae4d1d10653e7_Abstract_Wordmark-White.svg" loading="lazy" alt="Abstract logo" class="c-footer_logo"/></a><div class="c-footer_copyright">© Copyright 2024<br/>Abstract Studio Design, Inc.<br/>‍All rights reserved</div></div><div id="w-node-_5450694c-b7b9-7422-2f9f-d3f12c2bb030-2c2bb025" class="c-footer_col test001"><h6 class="c-footer_columntitle">Products</h6><a href="#" class="c-footer_link">Notebooks</a><a href="/" aria-current="page" class="c-footer_link w--current">Branches</a><h6 class="c-footer_columntitle c-footer_columntitle-stacked">Use Cases</h6><a href="/it-abstract-com/use-cases/kickoff" class="c-footer_link">Kick Off</a><a href="/it-abstract-com/use-cases/present-designs" class="c-footer_link">Present</a><a href="/it-abstract-com/use-cases/evolve-designs" class="c-footer_link">Evolve</a></div><div id="w-node-_5450694c-b7b9-7422-2f9f-d3f12c2bb03f-2c2bb025" class="c-footer_col"><h6 class="c-footer_columntitle">Resources</h6><a href="/blog" class="c-footer_link">Blog</a><a href="https://help.abstract.com/" target="_blank" class="c-footer_link">Help Center</a><a href="https://help.abstract.com/hc/en-us/articles/360050382291-Contact-Support" target="_blank" class="c-footer_link">Contact Support</a><a href="#" class="c-footer_link cs-form-open">Contact Sales</a><a href="/release-notes" class="c-footer_link">Release Notes</a><a href="https://status.goabstract.com/" target="_blank" class="c-footer_link">Status</a></div><div id="w-node-_5450694c-b7b9-7422-2f9f-d3f12c2bb052-2c2bb025" class="c-footer_col"><h6 class="c-footer_columntitle">Company</h6><a href="/about" class="c-footer_link">About Us</a><a href="/careers" class="c-footer_link">Careers</a><a href="/legal" class="c-footer_link">Legal</a><a href="/privacy" class="c-footer_link">Privacy</a><a href="/legal/website-terms-of-use" class="c-footer_link">Website Terms of Use</a><h6 class="c-footer_columntitle c-footer_columntitle-stacked">Contact Us</h6><a href="mailto:info@abstract.com" class="c-footer_link">info@abstract.com</a></div><div id="w-node-_5450694c-b7b9-7422-2f9f-d3f12c2bb065-2c2bb025" class="c-footer_col"><h6 class="c-footer_columntitle">Social</h6><a href="https://twitter.com/goabstract" target="_blank" class="c-footer_link">Twitter</a><a href="https://www.linkedin.com/company/17950473/" target="_blank" class="c-footer_link">LinkedIn</a><a href="https://facebook.com/Abstract/" target="_blank" class="c-footer_link">Facebook</a><a href="https://dribbble.com/abstract" target="_blank" class="c-footer_link">Dribbble</a></div><div class="c-footer_copyright c-footer_copyright_mobile">© Copyright 2022<br/>Abstract Studio Design, Inc.<br/>All rights reserved</div></div></div></footer></div></div><section class="cs-form-wrapper"><div class="cs-form-click-away cs-form-close"></div><div class="cs-form-modal"><div class="cs-form w-form"><div class="cs-form-header"><div class="cs-form-title">Contact Sales</div><div class="cs-form-exit cs-form-close"><div class="cs-exit-bar cs-exit-bar-1"></div><div class="cs-exit-bar cs-exit-bar-2"></div></div></div><form id="wf-form-contactSales" name="wf-form-contactSales" data-name="contactSales" method="get" class="cs-form" data-wf-page-id="643d81ef999b1c0cca72aca5" data-wf-element-id="2f26523a-676b-0736-1758-07b13c5a20e2"><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="email" data-name="email" placeholder="" type="email" id="email-11" required=""/><label for="Email-11" class="cs-form-label">Email</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="firstName" data-name="firstName" placeholder="" type="text" id="firstName-8" required=""/><label for="First-Name" class="cs-form-label">First name</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="lastName" data-name="lastName" placeholder="" type="text" id="lastName-8" required=""/><label for="Last-Name" class="cs-form-label">Last name</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="company" data-name="company" placeholder="" type="text" id="company-9" required=""/><label for="Email-11" class="cs-form-label">Company</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><select id="Estimated-Design-Users" name="Est.-Design-Users" data-name="Est. Design Users" required="" class="cs-form-field w-select"><option value="">Select one...</option><option value="100+ contributors">100+ contributors</option><option value="50-99 contributors">50-99 contributors</option><option value="25-49 contributors">25-49 contributors</option><option value="10-24 contributors">10-24 contributors</option></select><label for="" class="cs-form-label">Estimated Contributor Seats</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><textarea id="comments-7" name="comments" maxlength="5000" data-name="comments" placeholder="" class="cs-form-field cs-form-text-area w-input"></textarea><label for="Email-12" class="cs-form-label">Comments (optional)</label><div class="cs-form-highlight"></div></div><div class="cs-form-section-title">I’d like to learn more about:</div><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="organizingDesigns" type="checkbox" name="organizingDesigns" data-name="organizingDesigns" style="opacity:0;position:absolute;z-index:-1"/><span for="organizingDesigns" class="cs-form-radio-text w-form-label">Organizing designs into projects</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="streamliningReviews" type="checkbox" name="streamliningReviews" data-name="streamliningReviews" style="opacity:0;position:absolute;z-index:-1"/><span for="streamliningReviews" class="cs-form-radio-text w-form-label">Streamlining the review process</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="sharingEvolution" type="checkbox" name="sharingEvolution" data-name="sharingEvolution" style="opacity:0;position:absolute;z-index:-1"/><span for="sharingEvolution" class="cs-form-radio-text w-form-label">Sharing the evolution of designs</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="versionControl" type="checkbox" name="versionControl" data-name="versionControl" style="opacity:0;position:absolute;z-index:-1"/><span for="versionControl" class="cs-form-radio-text w-form-label">Version control for Sketch files</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="other" type="checkbox" name="other" data-name="other" style="opacity:0;position:absolute;z-index:-1"/><span for="other" class="cs-form-radio-text w-form-label">Other</span></label><div data-sitekey="6LcaaBcqAAAAAHGxbhANyJehugFxM3XEhAlSrzNU" class="w-form-formrecaptcha g-recaptcha g-recaptcha-error g-recaptcha-disabled"></div><input type="submit" data-wait="Please wait..." class="cs-form-submit-btn w-button" value="Submit"/></form><div class="cs-success w-form-done"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6100656f4aa5c63a91736881_check.svg" loading="lazy" alt="Checkmark Illustration" class="cs-success-img"/><div class="cs-success-headline">Thank you!</div><div class="cs-success-copy">You'll hear back from our team shortly.</div><div class="button button-small cs-success-btn cs-form-close">Close Form</div></div><div class="cs-error w-form-fail"><div class="cs-error-message">Oops! Something didn't work. Please try again.</div></div></div></div></section><section class="cs-form-wrapper"><div class="cs-form-click-away cs-form-close"></div><div class="cs-form-modal"><div class="cs-form w-form"><div class="cs-form-header"><div class="cs-form-title">Contact Sales</div><div class="cs-form-exit cs-form-close"><div class="cs-exit-bar cs-exit-bar-1"></div><div class="cs-exit-bar cs-exit-bar-2"></div></div></div><form id="wf-form-contactSales" name="wf-form-contactSales" data-name="contactSales" method="get" class="cs-form" data-wf-page-id="643d81ef999b1c0cca72aca5" data-wf-element-id="2f26523a-676b-0736-1758-07b13c5a20e2"><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="email" data-name="email" placeholder="" type="email" id="email-11" required=""/><label for="Email-11" class="cs-form-label">Email</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="firstName" data-name="firstName" placeholder="" type="text" id="firstName-8" required=""/><label for="First-Name" class="cs-form-label">First name</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="lastName" data-name="lastName" placeholder="" type="text" id="lastName-8" required=""/><label for="Last-Name" class="cs-form-label">Last name</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><input class="cs-form-field w-input" maxlength="256" name="company" data-name="company" placeholder="" type="text" id="company-9" required=""/><label for="Email-11" class="cs-form-label">Company</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><select id="Estimated-Design-Users" name="Est.-Design-Users" data-name="Est. Design Users" required="" class="cs-form-field w-select"><option value="">Select one...</option><option value="100+ contributors">100+ contributors</option><option value="50-99 contributors">50-99 contributors</option><option value="25-49 contributors">25-49 contributors</option><option value="10-24 contributors">10-24 contributors</option></select><label for="" class="cs-form-label">Estimated Contributor Seats</label><div class="cs-form-highlight"></div></div><div class="cs-form-group"><textarea id="comments-7" name="comments" maxlength="5000" data-name="comments" placeholder="" class="cs-form-field cs-form-text-area w-input"></textarea><label for="Email-12" class="cs-form-label">Comments (optional)</label><div class="cs-form-highlight"></div></div><div class="cs-form-section-title">I’d like to learn more about:</div><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="organizingDesigns" type="checkbox" name="organizingDesigns" data-name="organizingDesigns" style="opacity:0;position:absolute;z-index:-1"/><span for="organizingDesigns" class="cs-form-radio-text w-form-label">Organizing designs into projects</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="streamliningReviews" type="checkbox" name="streamliningReviews" data-name="streamliningReviews" style="opacity:0;position:absolute;z-index:-1"/><span for="streamliningReviews" class="cs-form-radio-text w-form-label">Streamlining the review process</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="sharingEvolution" type="checkbox" name="sharingEvolution" data-name="sharingEvolution" style="opacity:0;position:absolute;z-index:-1"/><span for="sharingEvolution" class="cs-form-radio-text w-form-label">Sharing the evolution of designs</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="versionControl" type="checkbox" name="versionControl" data-name="versionControl" style="opacity:0;position:absolute;z-index:-1"/><span for="versionControl" class="cs-form-radio-text w-form-label">Version control for Sketch files</span></label><label class="w-checkbox cs-form-radio-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom cs-form-checkbox"></div><input id="other" type="checkbox" name="other" data-name="other" style="opacity:0;position:absolute;z-index:-1"/><span for="other" class="cs-form-radio-text w-form-label">Other</span></label><div data-sitekey="6LcaaBcqAAAAAHGxbhANyJehugFxM3XEhAlSrzNU" class="w-form-formrecaptcha g-recaptcha g-recaptcha-error g-recaptcha-disabled"></div><input type="submit" data-wait="Please wait..." class="cs-form-submit-btn w-button" value="Submit"/></form><div class="cs-success w-form-done"><img src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/6100656f4aa5c63a91736881_check.svg" loading="lazy" alt="Checkmark Illustration" class="cs-success-img"/><div class="cs-success-headline">Thank you!</div><div class="cs-success-copy">You'll hear back from our team shortly.</div><div class="button button-small cs-success-btn cs-form-close">Close Form</div></div><div class="cs-error w-form-fail"><div class="cs-error-message">Oops! Something didn't work. Please try again.</div></div></div></div></section><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5ff3926f03b3ba26b7d639cb" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/5ff3926f03b3ba26b7d639cb/js/fs-abstract-v2.720a7e85a.js" type="text/javascript"></script> <script> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','nzf0p'); twq('track','PageView'); </script>  <script> const formElemList = document.querySelectorAll("form"); formElemList.forEach((form) => { form.addEventListener("submit", (e) => { // on form submission, prevent default e.preventDefault(); // construct a FormData object, which fires the formdata event new FormData(form); }); form.addEventListener("formdata", (e) => { // Get the form data from the event object let data = e.formData; let obj = {}; const entries = [...data.entries()]; entries.forEach((entry) => (obj[entry[0]] = entry[1])); analytics.track(form.attributes[2].nodeValue, obj); }); }); </script>  <script> var csForm = document.querySelector('.cs-form-wrapper'); var csFormOpen = document.querySelectorAll('.cs-form-open'); var csFormExit = document.querySelectorAll('.cs-form-close'); csFormOpen.forEach(function(btn) { btn.addEventListener(`click`, function() { if(csForm.classList.contains(`active`)) { csForm.classList.add(`active`) } else { csForm.classList.add(`active`) } }); }); csFormExit.forEach(function(btn) { btn.addEventListener(`click`, function() { if(csForm.classList.contains(`active`)) { csForm.classList.remove(`active`) } else { csForm.classList.remove(`active`) } }); }); const csFormFields = document.querySelectorAll('.cs-form-field') const checkFormState = function (event) { csFormFields.forEach(function (field) { const label = field.nextElementSibling const highlight = label.nextElementSibling if (field === document.activeElement) { label.classList.add('active') label.classList.add('focused') highlight.classList.add('active') } else if (field.value.length > 0) { label.classList.add('active') highlight.classList.remove('active') label.classList.remove('focused') } else { label.classList.remove('active') highlight.classList.remove('active') label.classList.remove('focused') } }) } window.addEventListener('click', checkFormState, false); window.addEventListener('keyup', checkFormState, false); </script>  <script> 'use strict'; document.addEventListener('DOMContentLoaded', () => { const targetElements = document.querySelectorAll('[data-analytics]'); targetElements.forEach((element) => { element.addEventListener('click', () => { var _a; const event = element.dataset.analytics; if (!event) return; const properties = { text: (_a = element.textContent) !== null && _a !== void 0 ? _a : '', pageUrl: window.location.href, destination: element instanceof HTMLAnchorElement ? element.href : '', }; for (const { name, value } of element.attributes) { const property = name.split('data-property-')[1]; if (!property) continue; properties[property] = value; } window.analytics.track(event, properties); }); }); }); </script> <script> document.addEventListener('DOMContentLoaded', () => { const elements = document.querySelectorAll('[data-analytics]'); elements.forEach((element) => element.addEventListener('click', () => { const event = element.dataset.analytics; const properties = { text: element.textContent || undefined, pageUrl: window.location.href, destination: element instanceof HTMLAnchorElement ? element.href : undefined, }; for (const { name, value } of element.attributes) { const property = name.split('data-property-')[1]; if (!property) continue; properties[property] = value; } window.analytics.track(event, properties); }) ); }); </script> <script> $topBar = $('#topbar'); // hide $topBar if its link links to this page if($topBar.find('a[href]').attr('href')){ if(window.location.href === $topBar.find('a[href]').attr('href').split(/[?#]/)[0]){ $topBar.hide(); } } </script>  <script> $(document).ready(function() { const listItems = $('li'); listItems.each(function(index, item){ if($(item).text().startsWith('~~')){ indentText(this, 'sub-sub-bullet'); } else if($(item).text().startsWith('~')){ indentText(this, 'sub-bullet'); } }); // indentText function function indentText(li, className){ $(li).addClass(className); const reformatedText = $(li).html().replace(/~+/g,''); $(li).html(reformatedText); } }); </script>  <script src="https://cdn.finsweet.com/files/sweet-text/richtext-stylesystem2-v1.0.min.js"></script>  <script> document.addEventListener('DOMContentLoaded', () => { var $body = $(document.body); var scrollPosition = 0; $('[scroll="disable"]').on('click', function () { var oldWidth = $body.innerWidth(); scrollPosition = window.pageYOffset; $body.css('overflow', 'hidden'); $body.css('position', 'fixed'); $body.css('top', `-${scrollPosition}px`); $body.width(oldWidth); }); $('[scroll="enable"]').on('click', function () { if ($body.css('overflow') != 'hidden') { scrollPosition = window.pageYOffset; } $body.css('overflow', ''); $body.css('position', ''); $body.css('top', ''); $body.width(''); $(window).scrollTop(scrollPosition); }); $('[scroll="both"]').on('click', function () { if ($body.css('overflow') != 'hidden') { var oldWidth = $body.innerWidth(); scrollPosition = window.pageYOffset; $body.css('overflow', 'hidden'); $body.css('position', 'fixed'); $body.css('top', `-${scrollPosition}px`); $body.width(oldWidth); } else { $body.css('overflow', ''); $body.css('position', ''); $body.css('top', ''); $body.width(''); $(window).scrollTop(scrollPosition); } }); }); </script>  <script> document.querySelector('.footer-year').textContent = new Date().getFullYear(); </script>  <script> document.getElementById('skip-link').addEventListener('click', function(e) { e.preventDefault(); var target = document.getElementById('content'); target.setAttribute('tabindex', '-1'); target.focus(); }); </script>  <script> // when the DOM is ready $(document).ready(function() { // get the anchor link buttons const menuBtn = $('.no-anchor'); // when each button is clicked menuBtn.click(()=>{ // set a short timeout before taking action // so as to allow hash to be set setTimeout(()=>{ // call removeHash function after set timeout removeHash(); }, 5); // 5 millisecond timeout in this case }); // removeHash function // uses HTML5 history API to manipulate the location bar function removeHash(){ history.replaceState('', document.title, window.location.origin + window.location.pathname + window.location.search); } }); </script>  <script> (() => { const getCookie = (key) => { if(- 1 === document.cookie.indexOf(key)) return null; const cookieVal = (document.cookie || '').match(RegExp(`${key}=([^;]+)`)) || []; return (cookieVal)[1] || null; }; const setCookie = (key, value, exp) => document.cookie = `${key}=${value};expires=${exp};`; if(getCookie('topbarClose')) $('.topbar-wrapper').hide(); const handleTopbarClick = () => { if(!getCookie('topbarClose')){ setCookie('topbarClose', '1', new Date(new Date().setDate(new Date().getDate() + 2))); } }; $('.topbar-wrapper .topbar-close').click(handleTopbarClick); })(); </script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script> <script> //url queries const urlParams = new URLSearchParams(window.location.search); Cookies.set('utmMedium', urlParams.get('utm_medium')); Cookies.set('utmSource', urlParams.get('utm_source')); Cookies.set('utmTerm', urlParams.get('utm_term')); Cookies.set('utmContent', urlParams.get('utm_content')); Cookies.set('utmCampaign', urlParams.get('utm_campaign')); </script> <script> $('[name="utm_medium"]').val(Cookies.get('utmMedium')); $('[name="utm_source"]').val(Cookies.get('utmSource')); $('[name="utm_campaign"]').val(Cookies.get('utmCampaign')); $('[name="utm_content"]').val(Cookies.get('utmContent')); $('[name="utm_term"]').val(Cookies.get('utmTerm')); </script> <script> $(document).ready(function() { $('#pricing-slider div:nth-child(2)').trigger('tap'); }); </script>  <script> $('.fg-slider').each((i, slider) => { const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if(!entry.isIntersecting) return; $($(entry.target).find('.w-slider-dot')[0]).trigger('tap'); observer.unobserve(entry.target); }); },{threshold:0.5}); observer.observe(slider); }); </script>  <script> $('.flex-grid.fg-slider').each((i,grid)=>{ $(grid).find('.slider-custom-nav').click(function(){ $(grid).find('.w-slider-dot:nth-child('+(($(this).index())+1)+')').trigger('tap'); $(grid).find('.w-slider').trigger('mousedown'); }); }); </script> <script> // Branches Modal var driftOpenBR = document.querySelectorAll('.drift-br-btn'); var driftExitBR = document.querySelectorAll('.drift-br-exit'); var driftModalBR = document.querySelector('.drift-br'); driftOpenBR.forEach(function(btn) { btn.addEventListener(`click`, function() { if(driftModalBR.classList.contains(`active`)) { driftModalBR.classList.remove(`active`) } else { driftModalBR.classList.add(`active`) } }); }); driftExitBR.forEach(function(btn) { btn.addEventListener(`click`, function() { if(driftModalBR.classList.contains(`active`)) { driftModalBR.classList.remove(`active`) } else { driftModalBR.classList.add(`active`) } }); }); </script></body></html>