Concevez votre site sur un canevas libre et familier. Définissez visuellement vos points de rupture pour le rendre responsive.
Lancez votre podcast en quelques minutes. Cette page est sobre, élégante et entièrement personnalisable selon votre marque.
CommencerLancez votre podcast en quelques minutes.
CommencerUtilisez des outils puissants et familiers pour créer le site web ultime. Importez vos maquettes depuis Figma, ajoutez des grilles et des piles flexibles, utilisez le positionnement absolu et travaillez vos points de rupture côte à côte pour les adapter à chaque écran.
Utilisez des grilles fixes ou des piles fluides pour organiser et positionner vos éléments en toute simplicité.
Exprimez vos idées créatives comme avec vos outils de design habituels.

Copiez-collez vos maquettes de Figma vers Trame, puis publiez.

Concevez visuellement des mises en page qui s'adaptent à toutes les tailles.
En-têtes, pieds de page, barres de navigation et mises en page courantes.
Concevez des dispositions plus malines qui passent à l'échelle.
Les piles et les grilles servent à organiser proprement plusieurs objets. Une pile regroupe des calques empilés verticalement ou horizontalement, tandis qu'une grille est un motif structuré de calques. Ces outils permettent un design responsive adaptable à toutes les tailles d'écran.
Tutoriel mise en page

Le canevas libre de Trame vous permet d'exprimer vos idées créatives librement : il n'impose aucune contrainte de disposition préétablie, ce qui vous laisse toute la liberté de concevoir à votre façon.
Le canevas libre ressemble aux autres outils de design que vous connaissez peut-être, comme Adobe XD, Sketch et Figma. Il offre flexibilité et liberté pour créer des designs uniques, taillés pour vos besoins et votre créativité.

La possibilité de copier-coller des maquettes web de Figma vers Trame est une fonctionnalité pratique pour les designers qui disposent déjà d'une maquette dans Figma et ne veulent pas repartir de zéro. Avec cette fonctionnalité, vous importez vos maquettes depuis Figma et publiez votre design comme un véritable site web, sans reconstruction manuelle ni codage. Vous gagnez du temps et vous concentrez sur les aspects créatifs de votre travail.
Tutoriel Figma vers TrameLes points de rupture dans Trame vous permettent de créer des designs responsives qui s'adaptent aux différentes tailles d'écran, garantissant un design optimisé sur tous les appareils. Les points de rupture sont visibles côte à côte sur le canevas ; vous comparez et adaptez ainsi plus vite que n'importe quel constructeur visuel.
Tutoriel design responsiveInsérez facilement des modèles d'une seule page dans votre projet, avec divers modèles pour les mises en page standard : landing pages, portfolios et pages d'accroche. Les pages et sections insérables sont sobrement mises en forme et conçues pour offrir une base solide à votre site Trame, tout en restant entièrement personnalisables selon votre vision.
Tutoriel pages et sectionsUtilisez l'épinglage de mise en page pour concevoir des dispositions plus imaginatives qui passent à l'échelle. Grâce à l'épinglage, vous fixez vos éléments en place : ils s'adaptent à votre mise en page lorsque la taille du viewport change. Vous pouvez même placer des éléments absolus à l'intérieur de piles et de grilles, en ignorant le flux et en les épinglant à une position précise.
Tutoriel épinglage viewport
Mettez en forme chaque calque de votre site à l'aide de contrôles de propriétés simples : remplissages, bordures, filtres et ombres rendues de façon réaliste. Utilisez les styles de texte et les couleurs partagées pour mettre en forme vos pages de manière cohérente dans tout votre projet.

Utilisez les options de positionnement pour fixer les barres de navigation, panneaux latéraux, badges et arrière-plans. Épinglez les calques au viewport quelle que soit la configuration de la page, ou utilisez le positionnement absolu dans les piles pour sortir du flux.
Tutoriel positionnementCréez sans effort des animations spectaculaires en quelques clics.
Naviguez entre les différentes pages ou sections du site.
Gérez le contenu d'articles de blog, d'offres d'emploi ou de pages marketing.
Gérez les réglages du site comme les mots de passe et les domaines personnalisés.
Optimisez le référencement et la vitesse de chargement de vos pages.