# Tempo

> Visual IDE for React development that enables designers, PMs, and developers to collaborate on code with AI assistance and design tools.

Tempo is a visual IDE that combines the best of an IDE (like VS Code), a design tool (like Figma), and an AI assistant to create a unified development environment for React applications. The platform enables designers, product managers, and developers to collaborate visually on code using a drag-and-drop editor that feels like a design tool but functions like a traditional IDE.

Key features include AI-powered code generation from text or image prompts, a visual editor for components and layouts, Figma plugin integration for design-to-code conversion, and support for existing React codebases. Tempo works with popular frameworks like Vite and Tailwind CSS, allowing teams to import existing components from Storybook or generate custom component libraries.

The platform offers pre-built SaaS templates for common integrations like Stripe, Supabase, and Clerk, supports mobile app development with React Native and Expo, and maintains full control over code with GitHub integration. Tempo accelerates the development process by providing pixel-perfect design control while maintaining the flexibility and power of traditional coding environments.

## Features
- AI-powered React code generation
- Visual drag-and-drop editor for React components
- Design-to-code conversion with Figma plugin
- Collaborative development environment
- Pre-built SaaS templates (Stripe, Supabase, Clerk)
- Integration with existing React codebases
- Storybook component import
- Visual component and layout editing
- Tailwind CSS and Vite support
- React Native and Expo mobile app support
- GitHub integration and version control
- AI reasoning and debugging assistance
- Pixel-perfect design control
- VS Code compatibility

## Integrations
Figma, GitHub, VS Code, Storybook, Vite, Tailwind CSS, React Native, Expo, Stripe, Supabase, Clerk, Convex

## Platforms
WEB

## Pricing
Freemium — Free tier available with paid upgrades

## Version
1.0

## Links
- Website: https://tempo.new
- Documentation: https://tempolabsinc.mintlify.app
- EveryDev.ai: https://www.everydev.ai/tools/tempo