What is Ardot?
Tencent Design Ardot is a free, AI-powered design tool built for designers and product teams who want to turn ideas into real interfaces—fast. Whether you're sketching a new app or refining a website layout, Ardot uses artificial intelligence to help you go from words or images straight to editable, production-ready designs.
With support for both macOS desktop and web browsers, Ardot removes friction across the entire design workflow. It’s not just about generating visuals—it’s about seamless collaboration, smart layout systems, and smooth handoff to developers, all while keeping your team’s assets secure and organized.
What are the features of Ardot?
- Text-to-UI (文生 UI): Describe your interface in plain English, and Ardot instantly generates a structured, editable design with proper components and layout.
- Image-to-Design Conversion: Upload any screenshot or mockup, and Ardot intelligently separates layers so you can edit it like a native design file.
- Advanced Vector Editing: Create complex visuals with W3C-standard tools like skew, 3D rotation, and enhanced shape editing—all in one place.
- Dynamic Layout System: Build responsive designs using Grid, percentage-based positioning, and aspect ratio locking that work flawlessly on every screen size.
- Design System Management: Keep colors, text styles, and components synced globally so your team stays consistent with one-click reuse.
- AI Design Assistant: Get help with renaming layers, generating placeholder images, converting links to UI blocks, and searching assets using natural language.
- Developer Handoff Tools: View spacing, dimensions, and styles visually, explore component variants, and copy ready-to-use code in CSS, iOS, or Android formats.
- Enterprise-Grade Security: Manage user permissions precisely, track every change with full audit logs, and auto-revoke access when team members leave.
What are the use cases of Ardot?
- A solo designer quickly prototypes a mobile app idea by typing “a login screen with social buttons and dark mode” and gets a polished layout in seconds.
- A product manager uploads a competitor’s screenshot to reverse-engineer the UI structure for internal discussion and iteration.
- A design team enforces brand consistency by building a shared design system that automatically updates all projects when a color palette changes.
- Developers inspect a completed design in Ardot, copy the exact CSS variables, and implement the UI without back-and-forth clarification.
- A startup with limited resources uses Ardot’s free tier to handle everything from concept to code handoff—no need for multiple expensive tools.
- Remote teams collaborate securely knowing that every edit is logged and sensitive files stay protected through granular permission controls.
How to use Ardot?
- Start on the web or download the macOS app—both are free and sync your work automatically.
- Try text-to-UI by typing a simple prompt like “dashboard with sidebar navigation and data cards” to generate a starting point.
- Upload a PNG or JPG to convert images into editable layers—great for redesigning existing products.
- Organize your project with global styles and components so future edits update everywhere at once.
- When ready for development, click any element to view specs and copy code in your preferred framework (CSS, iOS, Android).
- Invite teammates and use the permission center to control who can view, edit, or manage your design assets.
