Webstudio AI

Webstudio AI est un constructeur de sites web visuel open source qui permet de concevoir et publier des sites rapides et maintenables sans écrire de code. Présenté comme une alternative à Webflow ou Framer, il combine une interface de design no-code avec un contrôle complet sur le CSS, afin de bâtir des pages conformes aux standards modernes du web tout en gardant la maîtrise du rendu final.

Le travail s’effectue dans une application web où l’on assemble visuellement les pages à l’aide de composants Radix UI et d’un éditeur CSS donnant accès à toutes les propriétés. Le système de tokens permet de réutiliser des styles, les variables CSS structurent un design system global et la gestion des points de rupture assure le responsive. L’outil se connecte à de nombreux CMS et sources de données externes (WordPress, Strapi, Notion, Airtable, Ghost, Directus, Hygraph) via des liaisons de données et des listes de collections. La publication se fait en un clic vers l’hébergement Cloudflare, avec rendu côté serveur, optimisation automatique des images (WebP/AVIF) et possibilité d’export statique. Une fonction d’IA, Inception, assiste l’exploration de design.

Il s’adresse aux designers, développeurs, freelances, agences et fondateurs de startups. Ses forces sont l’ouverture du code, l’auto-hébergement possible, la richesse du CSS et un mode Contenu pour la collaboration client. Limites: la couche IA reste secondaire et peu documentée, et la prise en main exige des bases en web.