Text- and image-based UI creation
Generate interface concepts from written descriptions and turn images into design drafts, giving designers a starting point for visual exploration.
An AI-assisted design tool for creating interfaces and delivering design work to development teams.
Ardot is Tencent's AI-assisted design tool for creating and refining user interfaces, organizing reusable design systems, and handing design work to developers. Its workflow combines text- and image-based interface creation with vector editing, responsive layout controls, shared assets, and developer-facing inspection and code snippets. The product offers individual and team plans, with higher tiers adding shared libraries, collaboration workflows, and organization-level administration. AI drafts and copied code snippets are starting points: review design details, behavior, and implementation before delivery. Plan-specific collaboration and administration differ, and AI usage is metered through Credits.
Generate interface concepts from written descriptions and turn images into design drafts, giving designers a starting point for visual exploration.
Work with vector paths and shape tools, including skew and 3D rotation controls, for detailed interface graphics.
Use grid layouts, percentage positioning, and locked aspect ratios to define how designs adapt across screen sizes.
Create and reuse components, colors, and text styles, with global synchronization. Team plans add shared libraries for components, styles, and variables.
Inspect dimensions, spacing, and styles; review component variants; and copy code snippets for CSS, iOS, and Android.
Team adds shared libraries, developer collaboration, design reviews, and AI wallet management. Enterprise adds organization administration, SSO/SCIM, personnel and document-link access controls, and asset recovery when staff leave.
Designers and product managers can describe a screen in text or use an image as a reference to create an initial UI draft, then refine it in the editor.
Create screens for different display sizes using grid, percentage positioning, and aspect-ratio controls before coordinating implementation.
Teams can publish and update shared components, styles, and variables so designers can reuse consistent assets across projects.
Developers can inspect measurements and styles, examine component options, and copy platform-relevant code snippets during handoff.
Enterprise administrators can use personnel and document-link access controls, SSO/SCIM, and departing-staff asset recovery to coordinate organization changes. These governance features are separate from Team collaboration.
The Starter individual plan is free and includes one design seat, up to three pages per file, 30 days of version history, and 1,000 AI Credits for the first month. Pro and Team are listed as temporarily free; Enterprise offers demo and proof-of-concept trials by request.
AI Credits meter capabilities such as image generation, style transfer, intelligent editing, and UI previews. Allowances vary by plan and seat type. The current limited-time signup offer grants new users 1,000 credits; Starter’s stated allowance is for the first month, rather than a promise of unlimited recurring AI usage.
Design seats provide editing, component, and AI creation capabilities. Development seats provide developer-mode access for viewing, annotations, asset export, token synchronization, and code generation. Team and Enterprise support both seat types.
Developers can inspect sizes, spacing, and styles, review available component variants, and copy code snippets for CSS, iOS, and Android.
Team is intended for small and medium-sized teams. It supports multiple design seats, shared libraries, developer collaboration, design reviews, and AI wallet management. Enterprise separately adds organization administration, SSO/SCIM, access controls, and departing-staff asset recovery.
Traffic data is for reference only.
| Jul | 233370 |
|---|---|
| Aug | 308732 |
| Sep | 275347 |
Traffic analytics are not available yet.
Traffic analytics are not available yet.
uxpin.com
UXPin is a UI design and prototyping tool for teams seeking code-backed components, realistic interactions, and seamless design-to-development handoff.
wonder.design
Wonder is an AI-native design tool for creating, editing, and syncing designs with code.
huehive.co
An AI-assisted color design tool for generating palettes, checking contrast, and building CSS gradients.