Group

Software

Product type

<h4><b>Draftium is a dynamic website prototype drafting tool that helps partners, creators, and developers collaborate in real-time.</b></h4>

<p><div id="pdp-story-inline-video" class="story-inline-video"><iframe
  id="draftium-vid"
  width="560"
  height="315"
  src="https://www.youtube.com/embed/_ISwPO5Sk48"
  frameborder="0"
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
  loadonscroll
></iframe>
</div></p>

<p>First drafts suck. Draftium makes the process smoother by giving you a strong wireframe to build on, letting you <b>create as fast as you visualize</b>.</p>

<p>No longer will you agonize over an empty screen.</p>

<p>Your website starts with <b>hundreds of premade prototype templates</b> for every industry, including IT, fashion, photography, and consulting.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="draftium-gif"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-1_1.gif?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-1_1.gif?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-1_1.gif?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-1_1.gif?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<p>Just pick a template and Draftium’s <b>powerful editor lets you</b> <b>build</b>, <b>arrange</b>, <b>and customize pages</b> as easy as LEGO bricks (without the pain of stepping on them)!</p>

<p>Ready-to-use blocks make your layout anything but played out - enhance that draft with <b>galleries</b>, <b>sliders</b>, <b>timelines</b>, <b>tabs</b>, and so much more.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="draftium-2"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-2_2_1.png?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-2_2_1.png?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-2_2_1.png?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-2_2_1.png?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<p>You can add flavor to your site prototype with <b>buttons</b>, <b>links</b>, <b>text</b>, <b>slick animations</b>, and <b>nifty icons and images from Draftium’s free library</b>.</p>

<p>It’s alive! Once your idea takes shape, take your prototype for a test drive - Draftium’s <b>automatic resizing and optimization</b> makes looking good look easy on any device.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="draftium-3"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-3_2.png?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-3_2.png?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-3_2.png?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-3_2.png?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<p>Ready for your mock-up close-up?</p>

<p>Client and team feedback are the keys to improving and approving your design, but back-and-forth emails lock you in place.</p>

<p>Forget decoding emails like, “Could you move that logo from the top left more to the right but don’t make it too centered?” (wut.)</p>

<p>Draftium gets everyone on the same webpage with <b>real-time collaboration that lets anyone comment and make changes directly</b> — give that Print Screen key a vacation!</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="draftium-4"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-4_2_1.png?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-4_2_1.png?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-4_2_1.png?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-4_2_1.png?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<p></p><center><i>Click any page element and you’re ready to give instant feedback</i>!</center><p></p>

<p>Freelancers, agencies, and designers around the globe are using this <b>Product Hunt 2018 Design Tool of the Year</b> to create picture-perfect prototypes.</p>

<p>And if you’re anything like us, you want your website fully operational yesterday, not stuck in brainstorm and approval limbo. That’s why we’re hand-delivering you the <b>Draftium AppSumo Pro Plan</b>, which includes:</p>

<ul>
<li><b>Access to all 300+ prototype templates</b></li><br>
<li><b>10 concurrent projects</b></li><br>
<li><b>The ability to remove Draftium branding</b></li><br>
<li><b>Unlimited clients for commenting</b></li><br>
<li><b>Custom Branding</b></li>
</ul>
  
<p><b>Nab this deal before the timer runs out and get lifetime access for just $39</b>!</p>

<p>Want more projects in your account? <b>Stack this code twice and get unlimited projects!</b></p>

<p><b><a href="https://appsumo.com/draftium/buy" target="_blank">Finish your prototype today</a></b>!</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="draftium-rq1"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/Draftium.png?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/Draftium.png?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Draftium.png?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Draftium.png?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>
<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="draftium-rq2"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/Draftium_1.png?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/Draftium_1.png?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Draftium_1.png?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Draftium_1.png?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<p>Other wireframing tools slow your roll with complicated processes and clunky UIs so you never get out of the planning stage.</p>

<p>Draftium is <b>customizable</b>, <b>responsive</b>, and most of all,<b> turbo fast</b>.</p>

<p>You’ll create interactive working website prototypes quicker than your baby nephew learned to unlock your phone (how did you get into the App Store, Tyler?!).</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="draftium-5"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-5_1.png?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-5_1.png?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-5_1.png?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/draftium-5_1.png?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<p>Without a solid prototype, your website idea can feel a lot like eating an entire pizza by yourself — better in theory than in practice.</p>

<p>Great blueprints give you a foundation to build on and hint at something great to come.</p>

<p>Show ’em what your website’s made of with Draftium.</p>

<p><b>Grab your code(s) before time expires</b>!</p>

<p><a href="https://appsumo.com/draftium/buy" target="_blank"><b>Get lifetime access to Draftium now</b></a>!</p><p><b>P.S.</b>&nbsp;Learn how to use Draftium like a pro! <a href="https://events.genndi.com/replay/818182175026327645/92917ca0b4/0/0" target="_blank"><b>Click here to watch a replay of the demo &amp; walk-through</b></a>.</p>

Draftium Questions

Share Draftium

Share Draftium

Share Draftium

Share Draftium

Share Draftium