Apps: Building your app

Comment and edit on the preview

Point at what you want changed, or change text and styles yourself, right on your app's preview.

You don't have to describe where something is. On the Preview tab, use Comment or Edit in the toolbar, then click the element. Links and buttons won't respond while either one is open.

Only you see these tools. Visitors to your app and people viewing it in Explore don't.

Comment

Choose Comment and click an element.
Write what should change and choose Add comment. A numbered pin marks the spot, and it's saved for later.
Add as many as you like, up to 100 at a time.
Choose Send to AI. Up to 20 comments go in one chat message, and the AI makes the changes.

Sending comments counts as one message against your plan's limits. Pins stay until you resolve or delete them. A pin disappears from the preview if its element is no longer on the page, but the comment stays in the list.

Edit

Choose Edit and click an element.
To change text, click the text, retype it, and press Enter. To change the look, use the panel on the right: text color, background, font size, weight, padding and corners.
Choose Save to rebuild your draft with the changes, or Discard to drop them. Visitors get them when you publish.

Each save is a new version, so you can restore an earlier one from Version history in the dashboard. Text and styles you edit apply to all screen sizes.

When the AI steps in

Most edits go straight into your code, which is free and doesn't use a message. This happens when Draftship can find exactly one place in the code for the change.

If it can't, those edits go to the AI as a chat message, which does count against your limits:

The text appears in more than one place, or is built from several parts.
The text comes from your app's data. The AI suggests a data change for you to apply instead.
The element's classes are computed in code, or are shared with other elements.

If you've reached your limit, the edits that don't need the AI are still saved. The chat tells you how many weren't.

Repeated items, like cards in a list, usually come from one line of code. Changing the look of one card changes all of them.

Comment

Choose Comment and click an element.

Write what should change and choose Add comment. A numbered pin marks the spot, and it's saved for later.

Add as many as you like, up to 100 at a time.

Choose Send to AI. Up to 20 comments go in one chat message, and the AI makes the changes.

Edit

Choose Edit and click an element.

To change text, click the text, retype it, and press Enter. To change the look, use the panel on the right: text color, background, font size, weight, padding and corners.

Choose Save to rebuild your draft with the changes, or Discard to drop them. Visitors get them when you publish.

Each save is a new version, so you can restore an earlier one from Version history in the dashboard. Text and styles you edit apply to all screen sizes.

When the AI steps in

Most edits go straight into your code, which is free and doesn't use a message. This happens when Draftship can find exactly one place in the code for the change.

If it can't, those edits go to the AI as a chat message, which does count against your limits:

The text appears in more than one place, or is built from several parts.

The text comes from your app's data. The AI suggests a data change for you to apply instead.

The element's classes are computed in code, or are shared with other elements.

If you've reached your limit, the edits that don't need the AI are still saved. The chat tells you how many weren't.

Repeated items, like cards in a list, usually come from one line of code. Changing the look of one card changes all of them.