Adjust text, spacing, and layout without rewriting prompts.
If you have any questions or need further assistance, don’t hesitate to join our Discord community. We’re always there to connect with you and offer support!
Direct Edit allows you to visually adjust any element on your Trickle-generated page — without writing prompts or using tokens.It’s the easiest way to fine-tune your site after generation.This guide explains how Direct Edit works and what types of adjustments you can make.
You can control padding and margin individually for each side (top, bottom, left, right).Tip: Hold Shift while dragging, or press Shift + Enter when inputting values to apply the same value to all four sides.
Padding = space inside the element (between content and its border).
Margin = space outside the element (between it and surrounding elements).
Good spacing improves clarity, readability, and balance.
For text elements (headings, paragraphs, buttons), you can adjust:
Text content(only for static text)
If the text is static (manually written), you can edit it directly in the Text content field.
If the text is dynamic (linked to database or variable content), the field will be locked. You will see a notice prompting you to edit it via prompting in chat instead.
This ensures dynamic content remains consistent with your data source.
Font weight: Choose weight (regular, bold, extra bold, etc.)
Font size: Set precise size (px).
Use these to create clear visual hierarchy and improve legibility.
AI-generated layouts are fast, but when it comes to fine-tuning details — font sizing, spacing, alignment — re-writing prompts is inefficient.Direct Edit saves you time and tokens, and gives you precision where it matters:
Adjusting a single header
Tweaking button spacing
Perfecting text alignment
Adding breathing room between elements
With Direct Edit, you can achieve that final layer of polish without breaking your creative flow.