Overview
Direct design agents in a desktop workspace grounded in your local codebase, live pages, and design system.
Specra is a desktop workspace for design agents. Connect a local codebase, bring its live pages and design system onto the board, and direct agents with precise visual context.
Work from your codebase
The board is your persistent home for Pages, the Design System, project components, drafts, references, and conversations.
- Open a local codebase and choose which paths Specra can use.
- Review the components, tokens, and design files discovered in that scope.
- Attach a running local app as a Page.
- Add references or use Target UI to focus an agent on a specific element.
- Review isolated drafts, exact previews, and changed files before applying approved work.
Opening a codebase is discovery-only. Start your app with its usual development command, then explicitly attach its local URL.
Keep context and changes clear
Project components are read-only references. Changes to a reference begin in an isolated draft with its own source and graph node. Continue refining that draft, or ask for a separate variant to compare directions.
Use Apply to project or Add to project when you are ready to promote a draft. Adding a reusable component does not automatically place it in an application screen.
Project chat belongs to the board. Each Page and component has its own conversations, so prompts, references, and agent runs stay attached to the context that owns them.
Local workspace, hosted account services
Opening a codebase does not upload it to Specra. The website supports account access, downloads, updates, and privacy settings. The former hosted authoring playground and hosted MCP tools have been retired.
Your selected agent may send the context needed for a run to its provider. Choose the agent and model that fit your project, and review permissions when an operation requires them.