Framesmith 1.8 – click an element to give an AI agent design feedback
Framesmith 1.8 introduces a new feature allowing users to click on any UI element to provide targeted design feedback to an AI agent, streamlining the design iteration process.
Background
- Framesmith is an open-source tool for AI-assisted web design, hosted on GitHub. Version 1.8 introduces a visual "click-to-feedback" feature: instead of writing code or abstract text prompts, a designer can click on any page element and give that specific element a natural-language instruction (e.g., "make this button wider"), and the AI agent updates the code accordingly.
- It builds on the broader trend of AI coding assistants (like GitHub Copilot, Cursor) moving from text-based chat to direct visual manipulation. The significance is that it lowers the barrier for designers who aren't comfortable editing code or crafting precise prompts.
- The key prior context is the rise of the "vibe coding" (Andrej Karpathy's term) and AI-first design tools such as v0 by Vercel, Bolt, and Lovable, where users describe what they want and the AI generates a working UI. Framesmith differentiates by allowing iterative, element-level refinement rather than regenerating the whole page.