Chat input and prompting
Build and modify your app using natural language and visual inputs.
Text prompts
Describe what you want in plain language. Ask for changes like "Make the header sticky," "Add a form," or "Create a dark mode."
Input toolbar
The chat input includes a toolbar with several ways to add context to your prompts:
Figma import
Click the Figma icon to import or link a Figma design directly into your project.
Attach files
Click the paperclip icon to attach files from your computer to the chat.
Take a screenshot
Click the camera icon to capture a screenshot of your current playground preview. The screenshot is automatically added to your chat as visual context for your next prompt.
Clipboard gallery
Click the folder icon to open the Clipboard Gallery. This displays UI elements you've captured using the Anima Chrome Extension.
Unlike screenshots, captured elements include real HTML structure, CSS properties, and element hierarchy. You can capture buttons, cards, forms, navigation bars, or any UI pattern from any website — including login-protected pages and internal tools.
Select a capture from your gallery to attach it to your prompt, then ask Anima to build something similar. Anima understands the structure and properties, not just the appearance.
Element selector
Click the cursor icon to enter element selection mode. While active, you can click on any element in the preview to select it as context for your prompt. Hold Shift and click to select multiple elements. Selected elements appear in a bar above the chat input showing how many are selected. Click "Clear" to deselect all.
Voice input
Click the microphone icon to dictate your prompt using voice input.
Send
Click the purple arrow button to send your message.
Updated about 20 hours ago