Draftwell to HTML with Palisade

Turn Draftwell files into live, responsive sites — free, and without writing markup. Add effects, breakpoints and a content store, then publish in seconds. Palisade makes a design file behave like a real website.

Get the free Draftwell plugin 3.4k · 214k builders
Vantage — Landing page (Community) Drafts / Vantage — Landing page
Share  ·  100%
LayersAssetsVantage
Pages
✓ Vantage
Vantage
Content
Content
Content
Content
Footer
Header
Logo
A RIDGE GUIDE
Be ready for the high passes and whatever follows
vantage.palisade.site

Working out what kind of walker you are matters more than any single piece of kit. This grading guide sorts routes by exposure, distance and how much scrambling you should expect, so you can plan a season instead of a weekend. Are you a first-timer, a steady day-walker, a scrambler, or someone who sleeps out above the treeline?

read more
Draftwell file by Marit Solheim

Go from Draftwell to a live site in minutes

Palisade gives you a direct path from a design file to a published website, skipping the hand-off entirely. Import your file, keep every element intact, and publish when you are ready. Layers, groups and naming all survive the trip.

Copy, paste, publish

Move designs across in a single motion. The plugin re-maps your file onto Palisade's layout engine as you go, so your attention stays on the site itself.

‹  Plugin

Draftwell to HTML

By Palisade
Run
♡ 2.1k◔ 168k
Copy, paste and publish.

Export a Draftwell design by copying what is on the canvas and pasting it into Palisade. The plugin adapts the design to Palisade's layout tools in real time, so you can focus on making a good website rather than rebuilding one.

Palisade feels like your design tool, for real sites

A freeform canvas, familiar editing tools, auto-layout and the same vocabulary you already use. Keep refining in Palisade exactly the way you would in Draftwell.

Home Breakpoint +
PagesLayersAssets
Desktop Primary
Vantage
Content
Content
Content
Tagline
What level of…
Determining…
More
01
Equipment
Content
Footer
Desktop  1920
A RIDGE GUIDE
Be ready for the high passes and whatever follows
Link
POSITION
141
150680
131
TypeAbsolute
SIZE
WAutoFit
HAutoFit
LAYOUT
TypeStackGrid

Every layer and group survives the import

Your structure and naming carry across intact, so you can pick up exactly where you stopped. Keep editing and make the page richer, or just hit publish and be done with it.

Vantage
LayersAssetsVantage
⌗ Vantage
Content
Content
Content
Tagline
What level of hik…
Determining wh…
More
Vantage Site
InsertLayoutTextStoreActions
PagesLayersAssets
Home
Desktop Primary
Vantage
Content
Content
Tagline
What le…
▶ Desktop  1920
VANTAGE

Animate with effects

Build scroll-driven motion in a handful of clicks. Set the trigger, the from and to states, and the spring — then tune it until it feels right.

Scroll transform
TriggerLayer in view
FromEffect
ToEffect
TransitionSpring

Make it interactive

Wire up hover and click states, animated transitions, menus and modals directly in the Palisade editor. No component code required.

Scroll variant
TriggerSection in view
Viewport
ReplayYesNo
Section#header
ToStart
Start010203

Grow and manage your content in a store

Add, edit and remove content without opening the canvas, so clients and teammates can keep the site current. Filter and transform records, then render them anywhere on the page.

Store
Collections
Journal 11
Roles 8
Support 61
Use cases 6
+ New item
TitleDate
Field guide: the high passes4 December 2025
Boots that survive scree1 December 2025
Packing for three days out30 November 2025
Sleeping light above treeline25 October 2025

Localization

Tailor a site to as many languages and regions as you need — from translated copy and swapped images to per-locale layout and content.

Localization Translate Filter Actions Options Publish
Locales
NLDutch35%
ESSpanish100%
FRFrench15%
+ Add…
◉ About
Vantage maps every ridge in the rangeVantage brengt elke bergkam in kaartDONE
Walking since 2019Wandelen sinds 2019DONE
Start planning todayBegin vandaag met plannenDONE
◉ Home
Introducing the new route gradesMaak kennis met de nieuwe routegradesDONE

Get started with Draftwell to HTML on Palisade.

Everything Palisade publishes is built the way it ought to be: it loads quickly on phones and reads clearly to search engines. Your design becomes HTML, CSS and components, with scripts and images minified on the way out.