Overview
What Specra does and how to use it during the current beta.
Specra turns reference screenshots into a machine-readable design system that you can review, download, and use in implementation workflows.
During the current beta, the product is centered around a simple loop:
- Create a project.
- Upload reference screenshots.
- Run extraction.
- Review the generated design system and artifacts.
- Pull the outputs into a local app or use the VS Code extension.
What Specra extracts
- Semantic color tokens and theme guidance.
- Component inventory and repeated UI patterns.
- Prompt artifacts for UI generation.
- A shadcn-style theme file for Tailwind CSS variable-based styling.
- Optional structural guidance when structure capture mode is enabled.
Beta constraints
- Screenshot libraries work best with at least 10 references per mode.
- Light and dark references should be supplied separately when possible.
- Only successful extraction runs bill.
- The current beta pricing is 5 free runs per month, then $0.01 per successful run.