Home
Articles
Draftium
Free online wireframe and prototyping tool for fast website mockups
Website
upvote
Design Tools
Prototyping
Overview
Details
Features
Comparison
Posted October 12, 2025
Topics
mockup tools
web design mockup
web mockup
website mockups
%20-%20https%3A%2F%2Fsketchapp.com%20--%3E%0A%20%20%20%20%3Ctitle%3EDraftium%20logo%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22Supported-services%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Draftium-logo%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M101.5625%2C37.6813187%20L101.5625%2C49.0934066%20C105.89375%2C41.0311355%20111.74375%2C37%20119%2C37%20L119%2C56.1336996%20L114.44375%2C56.1336996%20C110.16875%2C56.1336996%20106.9625%2C57.1556777%20104.825%2C59.1996337%20C102.6875%2C61.2435897%20101.61875%2C64.8205128%20101.61875%2C69.9871795%20L101.61875%2C99%20L83%2C99%20L83%2C37.6813187%20L101.5625%2C37.6813187%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M134.021034%2C91.1708861%20C128.636284%2C85.3037975%20126%2C77.7278481%20126%2C68.556962%20C126%2C59.3860759%20128.692375%2C51.8101266%20134.021034%2C45.8860759%20C139.405784%2C39.9620253%20145.912358%2C37%20153.652936%2C37%20C161.337423%2C37%20167.283085%2C39.9050633%20171.43383%2C45.7151899%20L171.43383%2C37.6835443%20L190%2C37.6835443%20L190%2C99.2594937%20L171.43383%2C99.2594937%20L171.43383%2C90.3164557%20C166.946538%2C96.8101266%20160.944785%2C100%20153.428571%2C100%20C145.856266%2C100%20139.405784%2C97.0949367%20134.021034%2C91.1708861%20Z%20M167.395267%2C79.721519%20C170.087642%2C77.1012658%20171.43383%2C73.3417722%20171.43383%2C68.443038%20C171.43383%2C63.6012658%20170.087642%2C59.8417722%20167.395267%2C57.221519%20C164.702892%2C54.6012658%20161.617879%2C53.2911392%20158.140228%2C53.2911392%20C154.662577%2C53.2911392%20151.577564%2C54.6012658%20148.885188%2C57.278481%20C146.192813%2C59.8987342%20144.846626%2C63.6582278%20144.846626%2C68.556962%20C144.846626%2C73.4556962%20146.192813%2C77.1582278%20148.885188%2C79.778481%20C151.577564%2C82.3987342%20154.662577%2C83.7088608%20158.140228%2C83.7088608%20C161.617879%2C83.7088608%20164.702892%2C82.3417722%20167.395267%2C79.721519%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M237%2C37.717205%20L237%2C53.3071852%20L229.295255%2C53.3071852%20L229.295255%2C99%20L210.623902%2C99%20L210.623902%2C53.3071852%20L205%2C53.3071852%20L205%2C37.717205%20L210.623902%2C37.717205%20L210.623902%2C35.3928807%20C210.623902%2C27.626236%20212.648506%2C21.9571523%20216.753954%2C18.3856295%20C220.859402%2C14.8141068%20227.326889%2C13%20236.100176%2C13%20L236.100176%2C28.9301252%20C233.625659%2C28.9301252%20231.88225%2C29.3836519%20230.813708%2C30.3473962%20C229.745167%2C31.3111404%20229.239016%2C32.9551747%20229.239016%2C35.3928807%20L229.239016%2C37.717205%20L237%2C37.717205%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M275.474654%2C82.3075205%20L282%2C82.3075205%20L282%2C98%20L272.709677%2C98%20C266.018433%2C98%20260.820276%2C96.4921817%20257.115207%2C93.5323902%20C253.410138%2C90.5167535%20251.585253%2C85.3790022%20251.585253%2C78.1191363%20L251.585253%2C53.0446761%20L246%2C53.0446761%20L246%2C37.6872673%20L251.585253%2C37.6872673%20L251.585253%2C23%20L269.889401%2C23%20L269.889401%2C37.6872673%20L281.889401%2C37.6872673%20L281.889401%2C53.0446761%20L269.889401%2C53.0446761%20L269.889401%2C78.1191363%20C269.889401%2C80.9113924%20271.714286%2C82.3075205%20275.474654%2C82.3075205%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20points%3D%22296%2098%20296%2038%20314%2038%20314%2098%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M371.50838%2C38%20L390%2C38%20L390%2C99.3754579%20L371.50838%2C99.3754579%20L371.50838%2C90.3479853%20C367.709497%2C96.8205128%20361.564246%2C100%20353.240223%2C100%20C346.312849%2C100%20340.726257%2C97.6721612%20336.424581%2C92.959707%20C332.122905%2C88.2472527%20330%2C81.8882784%20330%2C73.8260073%20L330%2C38%20L348.379888%2C38%20L348.379888%2C71.3278388%20C348.379888%2C75.3021978%20349.385475%2C78.3681319%20351.452514%2C80.525641%20C353.519553%2C82.6831502%20356.312849%2C83.7619048%20359.944134%2C83.7619048%20C363.575419%2C83.7619048%20366.368715%2C82.6831502%20368.435754%2C80.525641%20C370.502793%2C78.3681319%20371.50838%2C75.3021978%20371.50838%2C71.3278388%20L371.50838%2C38%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M424.525041%2C37.6245421%20L424.525041%2C46.6520147%20C428.342323%2C40.1794872%20434.4612%2C37%20442.881673%2C37%20C447.372592%2C37%20451.358283%2C38.021978%20454.894882%2C40.0659341%20C458.43148%2C42.1098901%20461.126032%2C45.0622711%20463.090809%2C48.8663004%20C465.336269%2C45.2893773%20468.255366%2C42.3937729%20471.848101%2C40.2362637%20C475.440837%2C38.0787546%20479.426527%2C37%20483.86131%2C37%20C491.271326%2C37%20497.109521%2C39.3278388%20501.488167%2C43.9267399%20C505.810677%2C48.525641%20508%2C54.9413919%20508%2C63.1739927%20L508%2C99%20L489.531095%2C99%20L489.531095%2C65.6721612%20C489.531095%2C61.6978022%20488.520638%2C58.6318681%20486.443588%2C56.474359%20C484.366538%2C54.3168498%20481.559714%2C53.2380952%20477.910842%2C53.2380952%20C474.26197%2C53.2380952%20471.455146%2C54.3168498%20469.378096%2C56.474359%20C467.301046%2C58.6318681%20466.290589%2C61.6978022%20466.290589%2C65.6721612%20L466.290589%2C99%20L447.821684%2C99%20L447.821684%2C65.6721612%20C447.821684%2C61.6978022%20446.811227%2C58.6318681%20444.734177%2C56.474359%20C442.657127%2C54.3168498%20439.850303%2C53.2380952%20436.201431%2C53.2380952%20C432.552559%2C53.2380952%20429.745735%2C54.3168498%20427.668685%2C56.474359%20C425.591635%2C58.6318681%20424.581178%2C61.6978022%20424.581178%2C65.6721612%20L424.581178%2C99%20L406%2C99%20L406%2C37.6245421%20L424.525041%2C37.6245421%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M317%2C7%20L305.5%2C7%20C299.166667%2C7%20294%2C12.1111111%20294%2C18.5%20C294%2C24.8333333%20299.111111%2C30%20305.5%2C30%20C311.833333%2C30%20317%2C24.8888889%20317%2C18.5%20L317%2C7%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M51.05%2C72%20L51.05%2C72.4%20L51%2C72.4%20C51.05%2C72.3%2051.05%2C72.15%2051.05%2C72%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M51.05%2C40%20L51.05%2C70.9314587%20C51.05%2C71.2688928%2051.05%2C71.6063269%2051%2C72%20L51.05%2C40%20C51%2C40%2051.05%2C40%2051.05%2C40%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M51.05%2C70.972973%20C51.05%2C71.2972973%2051.05%2C71.6216216%2051%2C72%20L51%2C70%20C51.05%2C70.3243243%2051.05%2C70.6486486%2051.05%2C70.972973%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M69%2C0%20L69%2C70.4855923%20C69%2C70.9898613%2069%2C71.4941302%2068.9439935%2C71.9423693%20C68.1599026%2C90.3201708%2053.0381494%2C105%2034.5%2C105%20C15.4577922%2C105%200%2C89.5357524%200%2C70.4855923%20C0%2C51.4354322%2015.4577922%2C35.9711846%2034.5%2C35.9711846%20L40.4366883%2C35.9711846%20L40.4366883%2C54.9653148%20L34.5%2C54.9653148%20C25.9310065%2C54.9653148%2018.9862013%2C61.9130203%2018.9862013%2C70.4855923%20C18.9862013%2C79.0581644%2025.9310065%2C86.0058698%2034.5%2C86.0058698%20C42.5649351%2C86.0058698%2049.2297078%2C79.8425827%2049.9577922%2C71.9423693%20L50.0137987%2C71.9423693%20L50.0137987%2C71.4941302%20C50.0137987%2C71.1579509%2050.0698052%2C70.8217716%2050.0698052%2C70.4295624%20L50.0698052%2C0%20L69%2C0%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M72%2C71%20L72%2C72%20C72%2C71.6923077%2072%2C71.3461538%2072%2C71%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M51.05%2C72%20L51.05%2C72.4%20L51%2C72.4%20C51.05%2C72.3%2051.05%2C72.15%2051.05%2C72%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E)