AI ToolsHub
AccueilCatégoriesCopilote de découverteGuides & Insights
  1. Accueil
  2. Outils
  3. Conception de Sites Web
  4. onlook
onlook

onlook

Éditeur visuel React permettant de modifier le code en temps réel et de synchroniser les changements avec votre projet local

Conception de Sites WebAssistant de designCollaboration d'Équipe
onlook screenshot
AperçuAlternatives

Visites mensuelles

34.9K

Durée moy. session

0 min

Rang catégorie

#5918

Taux de rebond

0.5%

Qu'est-ce que onlook ?

Onlook est un éditeur visuel open source conçu pour les applications React stylisées avec Tailwind CSS. Il comble le fossé entre la conception et le développement en offrant une interface similaire à Figma qui permet aux utilisateurs de modifier intuitivement leurs sites web React, tout en écrivant automatiquement les modifications dans la base de code en temps réel. La plateforme préserve le contrôle de version complet et conserve tout le code dans l'environnement local de l'utilisateur, garantissant la sécurité et l'intégrité du flux de travail de développement. Onlook prend en charge l'importation de projets React existants ainsi que la création de nouveaux projets à partir de zéro.

Fonctionnalités clés de onlook?

Édition Visuelle en Temps Réel
Modifiez visuellement les composants React via une interface intuitive tout en écrivant automatiquement les changements en temps réel dans les fichiers de code correspondants.
Intégration du Système de Conception
Détectez et intégrez automatiquement les systèmes de conception, les palettes de couleurs et les styles de texte existants dans la base de code React pour permettre un flux de travail de conception cohérent.
Environnement de Développement Local
Tout le code reste sur l'appareil de l'utilisateur avec un support complet du contrôle de version, garantissant la sécurité et une intégration transparente avec les flux de travail de développement existants.
Prise en Charge de Tailwind CSS
Prise en charge native du style Tailwind CSS avec des commandes visuelles pour ajuster la mise en page, la couleur, la typographie et la conception réactive sur plusieurs tailles d'écran.
Création d'Éléments Interactifs
Dessinez de nouveaux blocs div et éléments directement dans l'interface visuelle tout en générant automatiquement un code React propre et maintenable.

Alternatives à onlook

mastergo-ai

mastergo-ai

MoGao Design est un assistant de conception intelligent intégré à la plateforme MasterGo, l'outil collaboratif de conception UI/UX leader en Chine. Alliant des capacités de conception traditionnelles à des fonctionnalités d'automatisation avancées, la plateforme améliore la productivité des designers et la collaboration d'équipe. MoGao Design propose la génération intelligente de maquettes, le remplissage automatique des ressources, la vérification de la cohérence du design et l'édition collaborative en temps réel. En tant que solution complète pour les équipes de conception de produits, la plateforme prend en charge l'intégralité du flux de travail de la conception au développement grâce à un stockage dans le cloud et des processus de transmission transparents.

1.5M
Correspondance : 100%
uxpin

uxpin

UXPin est une plateforme intégrée de conception UX et UI pour les équipes produit, prenant en charge l'idéation, le prototypage, la conception d'interfaces et la création de systèmes de design évolutifs. Elle combine un puissant prototypage interactif avec des composants en code réel, permettant aux équipes de créer des prototypes extrêmement réalistes avec des interactions authentiques. UXPin prend en charge la collaboration en temps réel, garantit la cohérence du design grâce à des composants réutilisables, et génère automatiquement les spécifications et le code pour rationaliser la transmission aux développeurs. Son environnement basé sur navigateur et son intégration de système de design accélèrent le développement produit et améliorent la collaboration des équipes transverses.

289.2K
Correspondance : 100%
ant-design-system-for-figma

ant-design-system-for-figma

Ant Design System for Figma est un kit d'interface utilisateur puissant qui intègre la bibliothèque React Ant Design, largement utilisée, dans l'environnement Figma. Il offre aux designers et aux développeurs une vaste collection de composants aux pixels parfaits, soigneusement conçus en exploitant les fonctionnalités avancées de Figma telles que la mise en page automatique et les variables. Le système rationalise le processus de conception en fournissant un écosystème de conception bien structuré et facilement personnalisable, étroitement aligné sur la base de code Ant Design, permettant une collaboration transparente entre les équipes de conception et de développement. Des mises à jour régulières et des plugins dédiés améliorent l'efficacité du flux de travail et garantissent une conception cohérente d'un projet à l'autre.

41.0K
Correspondance : 100%
figma

figma

Figma est un outil de conception polyvalent et basé sur le cloud qui permet aux équipes de créer, partager et tester de manière collaborative des conceptions pour des produits numériques tels que des sites web et des applications mobiles. Ses capacités de collaboration en temps réel permettent à plusieurs utilisateurs de modifier le même fichier simultanément, rationalisant les processus de retour d'information et d'itération. Figma intègre la conception, le prototypage et la remise aux développeurs sur une plateforme unique, ce qui le rend idéal pour les designers, les chefs de produit, les développeurs et les autres parties prenantes. Son architecture cloud-native garantit que les fichiers sont sauvegardés automatiquement et accessibles depuis n'importe où, éliminant les conflits de version.

23.9K
Correspondance : 100%
ux-pilot

ux-pilot

UX Pilot rationalise le processus de conception UX/UI en permettant aux équipes de créer rapidement des maquettes, des interfaces utilisateur haute fidélité et des prototypes. Grâce à ses outils de conception intelligents, la plateforme prend en charge la personnalisation conformément aux directives de la marque et à la direction de conception, offrant des variations de styles étendues et un contrôle en temps réel. Elle aide les équipes à réduire considérablement le délai entre le concept et l'implémentation, améliore la collaboration entre les concepteurs, les développeurs et les parties prenantes, et se concentre sur l'amélioration de la qualité de conception et de la satisfaction utilisateur.

701.2K
Correspondance : 75%
magic-patterns

magic-patterns

Magic Patterns est un outil de design assisté par IA à destination des équipes produit, des designers et des professionnels de la vente, qui génère rapidement des prototypes d'interface utilisateur à partir d'histoires utilisateur ou de prompts textuels. En créant des prototypes d'interface utilisateur réalistes, basés sur du code et parfaitement alignés sur les systèmes de design existants, il accélère le processus de développement de produit. La plateforme prend en charge la collaboration d'équipe en temps réel sur une toile infinie et s'intègre aux outils populaires via son API et une extension Chrome. En outre, Magic Patterns simplifie la création de prototypes de démonstration client interactifs, qui peuvent être facilement partagés sans nécessiter de connexion, rationalisant ainsi considérablement les flux de travail de retour d'information et de prise de décision.

235.6K
Correspondance : 75%
AI ToolsHub

Votre copilote pour découvrir, comparer et organiser les outils IA.

AI ToolsHub est un annuaire de logiciels et SaaS. Nous ne vendons pas de matériel.

Produit

  • Canva
  • Readdy
  • Lovart

Légal

  • Politique de confidentialité
  • Conditions d'utilisation

Entreprise

  • À propos
  • Contact

Tendance dans cette catégorie

10web

10web

Une plateforme de création et de gestion de sites web WordPress avec génération de sites, hébergement, édition par glisser-déposer et optimisation de contenu assistée par IA.

784.1K
readdy-ai

readdy-ai

Assistant de conception par IA qui génère des interfaces de sites web et du code frontend à partir de descriptions en langage naturel

830.8K
spaceship

spaceship

Une plateforme de domaine et de services web pour une gestion unifiée des domaines, de l'hébergement, de la messagerie et des outils réseau.

1.5M
ux-pilot

ux-pilot

Une plateforme de collaboration UX/UI pour créer des maquettes, des interfaces haute fidélité et des prototypes interactifs.

701.2K
durable

durable

Une plateforme de création de sites web qui génère des sites personnalisés avec des fonctionnalités de CRM, de facturation et de marketing.

702.4K
wegic-ai

wegic-ai

Une plateforme de conception web qui génère et personnalise des sites web responsifs par le biais de conversations en langage naturel.

455.1K

Vous aimerez aussi

mastergo-ai

mastergo-ai

MoGao Design est un assistant de conception intelligent intégré à la plateforme MasterGo, l'outil collaboratif de conception UI/UX leader en Chine. Alliant des capacités de conception traditionnelles à des fonctionnalités d'automatisation avancées, la plateforme améliore la productivité des designers et la collaboration d'équipe. MoGao Design propose la génération intelligente de maquettes, le remplissage automatique des ressources, la vérification de la cohérence du design et l'édition collaborative en temps réel. En tant que solution complète pour les équipes de conception de produits, la plateforme prend en charge l'intégralité du flux de travail de la conception au développement grâce à un stockage dans le cloud et des processus de transmission transparents.

1.5M
uxpin

uxpin

UXPin est une plateforme intégrée de conception UX et UI pour les équipes produit, prenant en charge l'idéation, le prototypage, la conception d'interfaces et la création de systèmes de design évolutifs. Elle combine un puissant prototypage interactif avec des composants en code réel, permettant aux équipes de créer des prototypes extrêmement réalistes avec des interactions authentiques. UXPin prend en charge la collaboration en temps réel, garantit la cohérence du design grâce à des composants réutilisables, et génère automatiquement les spécifications et le code pour rationaliser la transmission aux développeurs. Son environnement basé sur navigateur et son intégration de système de design accélèrent le développement produit et améliorent la collaboration des équipes transverses.

289.2K
ant-design-system-for-figma

ant-design-system-for-figma

Ant Design System for Figma est un kit d'interface utilisateur puissant qui intègre la bibliothèque React Ant Design, largement utilisée, dans l'environnement Figma. Il offre aux designers et aux développeurs une vaste collection de composants aux pixels parfaits, soigneusement conçus en exploitant les fonctionnalités avancées de Figma telles que la mise en page automatique et les variables. Le système rationalise le processus de conception en fournissant un écosystème de conception bien structuré et facilement personnalisable, étroitement aligné sur la base de code Ant Design, permettant une collaboration transparente entre les équipes de conception et de développement. Des mises à jour régulières et des plugins dédiés améliorent l'efficacité du flux de travail et garantissent une conception cohérente d'un projet à l'autre.

41.0K
figma

figma

Figma est un outil de conception polyvalent et basé sur le cloud qui permet aux équipes de créer, partager et tester de manière collaborative des conceptions pour des produits numériques tels que des sites web et des applications mobiles. Ses capacités de collaboration en temps réel permettent à plusieurs utilisateurs de modifier le même fichier simultanément, rationalisant les processus de retour d'information et d'itération. Figma intègre la conception, le prototypage et la remise aux développeurs sur une plateforme unique, ce qui le rend idéal pour les designers, les chefs de produit, les développeurs et les autres parties prenantes. Son architecture cloud-native garantit que les fichiers sont sauvegardés automatiquement et accessibles depuis n'importe où, éliminant les conflits de version.

23.9K
ux-pilot

ux-pilot

UX Pilot rationalise le processus de conception UX/UI en permettant aux équipes de créer rapidement des maquettes, des interfaces utilisateur haute fidélité et des prototypes. Grâce à ses outils de conception intelligents, la plateforme prend en charge la personnalisation conformément aux directives de la marque et à la direction de conception, offrant des variations de styles étendues et un contrôle en temps réel. Elle aide les équipes à réduire considérablement le délai entre le concept et l'implémentation, améliore la collaboration entre les concepteurs, les développeurs et les parties prenantes, et se concentre sur l'amélioration de la qualité de conception et de la satisfaction utilisateur.

701.2K
magic-patterns

magic-patterns

Magic Patterns est un outil de design assisté par IA à destination des équipes produit, des designers et des professionnels de la vente, qui génère rapidement des prototypes d'interface utilisateur à partir d'histoires utilisateur ou de prompts textuels. En créant des prototypes d'interface utilisateur réalistes, basés sur du code et parfaitement alignés sur les systèmes de design existants, il accélère le processus de développement de produit. La plateforme prend en charge la collaboration d'équipe en temps réel sur une toile infinie et s'intègre aux outils populaires via son API et une extension Chrome. En outre, Magic Patterns simplifie la création de prototypes de démonstration client interactifs, qui peuvent être facilement partagés sans nécessiter de connexion, rationalisant ainsi considérablement les flux de travail de retour d'information et de prise de décision.

235.6K