上传或输入HTML代码：首先，你需要有一个已经编写好的HTML文档或者页面代码。你可以将这段代码上传到相应的工具或服务中，或者直接在工具提供的编辑器中粘贴。 解析与渲染：工具会读取并解析这段HTML代码，将其按照CSS样式规则渲染成可视化的预览效果。这一过程可能会包括一些简单的交互元素，比如按钮点击、表单提交等。
生成设计稿：基于解析后的可视化效果，工具会进一步生成设计稿。这可能是一个图片文件（如PNG或JPEG），或者是Figma、Sketch等设计软件兼容的文件格式。设计稿会保留原始HTML布局的视觉外观，并且可能还包括颜色、字体和其他样式细节。
导出与分享：最后，你可以导出这些设计稿，用于进一步的设计工作或是与其他团队成员共享。这样设计师可以在此基础上进行调整和优化，而无需从头开始设计。
