The Draftbit Developer Hub

Welcome to the Draftbit developer hub. You'll find comprehensive guides and documentation to help you start working with Draftbit as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Introduction to the Builder

Layer Tree (left-hand side)

The Layer Tree is where you are able to view all the components you've placed on a screen, rearrange them, and see their relationship with other elements.

To add components to the Layer Tree, click the '+' next to Layout to launch the component picker. In this menu you can click to add components to the Layer Tree.

To rearrange components, simply click the component in the Layer Tree, drag it and drop it where you would like it to go instead.

To delete a component, duplicate a component or create a Custom Block, click the '...' next to the component name to launch a context menu.

Properties Panel (right-hand side)

The Properties Panel is where you can configure/style components, add Interactions and connect Data to your screens.

Updated 28 days ago


Introduction to the Builder


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.