- Générer et disposer des frames de design sur un tableau infini
- Itérer sur chaque frame avec le chat, les suggestions et la barre d’outils
- Cibler n’importe quelle partie d’une frame et modifier uniquement cette partie
- Intégrer des templates et de l’inspiration issue de produits réels sans quitter le tableau
Le tableau en un coup d’œil
- Canvas : la vue design de l’éditeur de projet, un tableau infini à panoramique et zoom qui contient chaque frame, forme et note.
- Frames : chaque tuile sur Canvas. Les frames peuvent être des artefacts vivants (sites web, diapositives), des maquettes de design, des images, des vidéos ou des graphiques vectoriels.
- Elements : les pièces individuelles à l’intérieur d’une frame, comme les titres, les boutons, les images et les champs de formulaire.
- Chat : le chat Agent ancré sur le canvas. Décrivez ce que vous voulez créer, ou sélectionnez une frame et demandez des modifications petites ou grandes ; réduisez-le pour un canvas plein écran.
- Intelligence ambiante : des prochaines étapes suggérées qui apparaissent à côté d’une frame sélectionnée, chacune à un clic de générer une nouvelle direction. Consultez Explorer des suggestions pour comprendre son fonctionnement.
- Toolbar : la barre flottante en bas de Canvas avec les outils Interact, Pan, Chat, Draw, Edit et Generate.
- Panneau de bibliothèque : des templates de départ, de l’inspiration sélectionnée par Mobbin, et vos propres créations passées, prêts à déposer sur le canvas.
Comment ils s’articulent
Chaque composant prend le relais là où le précédent s’arrête, d’un tableau vide jusqu’à un design que vous pouvez construire.1. Placer des frames sur le canvas
Générez des frames depuis une invite de chat ou le menu Generate de la barre d’outils. Une frame peut être une maquette de design, une application web, une application mobile, des diapositives, une image, une vidéo ou un graphique vectoriel.2. Itérer sur une frame
Sélectionnez n’importe quelle frame pour travailler dessus individuellement. Discutez-en avec vos propres mots, suivez une suggestion pour partir dans une nouvelle direction, ou passez en Focus pour travailler de près. Quand elle est la bonne, construisez-la en une application vivante.
Une frame sélectionnée avec sa barre d'actions : Build, Focus et plus d'options.
3. Modifier, annoter ou générer avec la barre d’outils
La barre d’outils couvre trois tâches : Edit sélectionne un seul élément à l’intérieur d’une frame et ouvre le Visual Editor, Draw annote le tableau avec des croquis, des flèches et des notes autocollantes qu’Agent lit, et Generate crée les images, vidéos et graphiques vectoriels dont votre design a besoin.
Un élément sélectionné avec l'outil Edit, avec le Visual Editor ouvert à droite.
4. Puiser de l’inspiration dans le panneau de bibliothèque
Pour de l’inspiration et des points de départ, ouvrez le panneau de bibliothèque. Les templates arrivent sur le canvas sous forme de frames vivantes et modifiables ; l’inspiration sélectionnée par Mobbin arrive sous forme d’image de référence statique pour orienter votre prochaine génération.
L'onglet Templates du panneau de bibliothèque : des frames de départ consultables, regroupées par type.
Explorer chaque composant
Canvas
Le tableau infini où vous générez, disposez et itérez sur les frames.
Frames
Types de frames, la barre d’actions par frame, Build et Focus.
Elements
Sélectionner et modifier les pièces individuelles à l’intérieur d’une frame.
Chat
Briefer Agent à propos du tableau, d’une frame ou d’un seul élément.
Intelligence ambiante
Des prochaines étapes suggérées en un clic à côté de votre frame sélectionnée.
Toolbar
Le catalogue complet des outils, les raccourcis clavier et les gestes du tableau.
Panneau de bibliothèque
Modèles, inspiration sélectionnée par Mobbin, et vos propres créations.
Prochaines étapes
- Concevoir votre premier écran : générez vos premières frames à partir d’une invite.
- Qu’est-ce que Replit Design : le parcours complet de l’invite à l’application à l’image de votre marque.