<aside> 🚘

Trickle 官网直通车：https://trickle.so

</aside>

在 Trickle 中，可以通过两种方式对 AI 生成的页面进行细节调整：

• 可视化编辑（Direct Edit）：用来快速修改文字、间距、对齐、颜色等样式；
• 移动元素（Move Element）：用来拖拽元素，改变页面布局。

这两种方式相互补充，能让你在不依赖提示词的情况下完成精细化调整，不会消耗 credits，并且所有修改都会自动转化为简洁、可直接上线的生产级代码。

如何进行可视化编辑

Direct Edit 允许你在 Trickle 页面中直接可视化编辑任意元素，无需输入提示词或消耗creates。

这是在生成完成后，快速微调网站的最简单方式。本指南将介绍 Direct Edit 的工作原理，以及可以进行的调整类型。

什么时候使用 Direct Edit？

Direct Edit 适合进行小而精准的调整，例如：

• 调整字体大小（增大或减小）；
• 更改元素的对齐方式（左、中、右）；
• 调整元素之间的间距（内边距 padding 和外边距 margin）；
• 修改文本或背景的颜色；
• 微调布局的对齐方式，提升整体视觉平衡。

非常适合在页面已完成 90% 但仍需要精修时使用。