LexiqueNo-code

Méthodologie et ensemble d’outils permettant de créer des applications (sites web, applications mobiles, automatisations, etc.) sans écrire de code.

354 TERMES · COLLECTION UNIVERS

/ LES ESSENTIELS

Les 6 termes à connaître
avant tous les autres.

Tout l'index No-code
TECHNOCMS (Content Management System)Logiciel qui permet de créer et gérer facilement le contenu d’un site web. Un CMS (tel que WordPress) offre une interface utilisateur pour publier du texte, des images ou des pages entières sans avoir à coder chaque élément à la main.CONCEPTAPI (Interface de Programmation d’Application)Méthode d’interaction entre logiciels via des requêtes et réponses formalisées. En no-code, les APIs permettent de connecter des services externes (par exemple envoyer des données de ton application vers un autre outil) sans intervention humaine directe.CONCEPTAutomatisationProcessus consistant à exécuter des tâches de manière automatique, sans intervention humaine. Dans le no-code, cela se traduit par la création de workflows ou scénarios qui accomplissent des actions répétitives (envoi d’email, transfert de données,…CONCEPTFlux de travail (Workflow)Suite d’actions ou de tâches qui s’enchaînent automatiquement selon un scénario défini. Dans le no-code, un flux de travail peut être créé via des outils comme Zapier, Make ou nativement dans certaines plateformes (par exemple les automatisations…CONCEPTWebhookPoint de connexion web défini pour recevoir automatiquement des notifications lorsqu’un certain événement survient.CONCEPTResponsive designApproche de design Web consistant à concevoir un site ou une application de manière à ce qu’il s’adapte automatiquement aux différentes tailles d’écran (mobile, tablette, ordinateur).

/ INDEX NO-CODE

Les 354 termes, définis en une phrase.

/ CHERCHER

/ SAUTER À

#ABCDEFGHIJKLMNOPQRSTUVWXYZ

/ NATURE

A

AbsoluteLe positionnement « Absolute » fixe un élément par rapport à son ancêtre le plus proche possédant un contexte de position (relative, absolute ou fixed).AbsoluteParamètre qui permet à un calque placé dans un Auto‑Layout de s’extraire du flux automatique et d’être positionné librement tout en conservant la structure Auto‑Layout générale.AbsoluteLa position ‘Absolute’ détache un élément du flux du document et le place par rapport à son conteneur parent. Tu définis précisément les coordonnées (top, right, bottom, left), permettant par exemple de superposer un badge au coin d’une image sans…AccessibilitéEnsemble de pratiques de conception visant à rendre une application ou un site utilisable par tous, y compris les personnes en situation de handicap.AccessibilityLa section ‘Accessibility’ regroupe les attributs ARIA (aria-label, role, alt) et les pratiques pour rendre tes designs accessibles, en améliorant la navigation au clavier et la compatibilité avec les lecteurs d’écran.ActionRéponse exécutée lorsqu’un Trigger se produit : Navigate To, Open Overlay, Swap Overlay, Scroll To, Back, Close Overlay, etc.Advanced GridLa section ‘Advanced Grid’ propose des fonctionnalités complémentaires : définition de zones nommées, auto-fit/auto-fill, tracking et alignment avancé pour des mises en page complexes et modulaires.Align itemsL’option ‘Align items’ contrôle l’alignement des enfants sur l’axe secondaire d’un Auto Layout (axe croisé). Aligne en haut, centre ou bas pour harmoniser la présentation et garantir que les éléments restent alignés.Alignement (Auto‑Layout)Contrôle l’alignement collectif des enfants à l’intérieur d’un Auto‑Layout : Start, Center, End, ou Stretch sur l’axe principal et l’axe croisé.Alignement (Position)Options qui alignent un ou plusieurs calques par rapport à leur parent ou entre eux : gauche, centre, droite, haut, milieu, bas, distribution horizontale ou verticale.AnimationEffet de transition appliqué entre deux frames (Instant, Dissolve, Smart Animate, Push, Slide In/Out). Les paramètres incluent durée, easing et direction.Animation de composantsLes animations de composants utilisent Framer Motion pour animer n’importe quel composant ou calque. Tu définis des états initiaux et finaux (variants), choisis la durée, les easing et les délais, et associes ces animations à des événements (hover,…Animation LottieLe composant Lottie dans Framer permet d’importer et d’intégrer des animations vectorielles exportées au format JSON depuis Adobe After Effects via le plugin Bodymovin.API (Interface de Programmation d’Application)Méthode d’interaction entre logiciels via des requêtes et réponses formalisées. En no-code, les APIs permettent de connecter des services externes (par exemple envoyer des données de ton application vers un autre outil) sans intervention humaine directe.Appear - Layer in view‘Appear - Layer in view’ permet de faire apparaitre un élément lorsque celui entre dans la fenêtre en paramétrant différents points de contrôle.Appear - On load‘Appear - On load’ déclenche automatiquement des animations (fade, slide, scale) lors du chargement de la page.Appear - On scroll‘Appear - On scroll’ lance une animation dès qu’un élément entre dans le viewport pendant le défilement, créant un effet de surprise et guidant l’attention de l’utilisateur sur les sections clé.Appear - Section in view‘Appear - Section in view’ se déclenche lorsque l’ensemble d’une section est visible à un pourcentage défini. Idéal pour synchroniser des animations de groupe et construire des récits visuels cohérents au scroll.AppSheetOutil no-code de Google pour créer des applications web et mobiles à partir de données (par exemple une feuille de calcul).ArcEffet typographique qui dispose un texte le long d’un arc de cercle ou d’une courbe. Les options permettent d’ajuster le rayon, le sens de lecture (intérieur/extérieur), l’angle de départ et l’espacement, afin de créer des titres circulaires ou des…AssetsOnglet listant les ressources réutilisables du fichier : composants, styles locaux et variables. Il permet de glisser‑déposer ces éléments dans le canvas et de voir leur état (publié/local).AudioLe composant Audio te permet d’ajouter des fichiers sonores (MP3, WAV) à ton projet Framer. Tu peux configurer la lecture automatique, l’icône de contrôle, le volume initial, la mise en boucle et gérer les interactions (play, pause) via des triggers…AutomatisationProcessus consistant à exécuter des tâches de manière automatique, sans intervention humaine. Dans le no-code, cela se traduit par la création de workflows ou scénarios qui accomplissent des actions répétitives (envoi d’email, transfert de données,…

B

BaaS (Backend-as-a-Service)Service cloud proposant une infrastructure serveur prête à l’emploi (base de données, API, authentification, etc.).Back-endPartie d’une application qui fonctionne côté serveur et gère la logique, les calculs et le stockage des données, invisible pour l’utilisateur final.Backdrop filtersLes filtres d’arrière‑plan appliquent des effets (flou, saturation, teinte, luminosité) à tout ce qui se trouve derrière un élément semi‑transparent.Backface visibilityLa propriété ‘Backface visibility’ détermine si l’arrière d’un élément 3D est visible lors d’une rotation, utile pour gérer les flips ou les animations 3D complexes.Background colorLa couleur d’arrière‑plan définit la teinte pleine appliquée derrière le contenu d’un bloc. Dans Webflow on la règle via le panneau Style > Backgrounds et on peut lui associer plusieurs couches (dégradé, image, vidéo).Background videoLe composant « Background Video » insère une vidéo MP4, WebM ou MOV qui se lit en boucle derrière un contenu. Il est rendu par une balise <video> avec attributs muted et autoplay pour ne pas bloquer le chargement.BalanceL’option ‘Balance’ répartit automatiquement les mots sur chaque ligne pour éviter les lignes trop courtes ou trop longues, améliorant l’esthétique des paragraphes.Barre d’outilsLa barre d’outils horizontale située en bas du canvas regroupe les outils essentiels : sélection, dessin, texte, commentaires, zoom, etc.Base de donnéesSystème de stockage organisé permettant de conserver, retrouver et manipuler des informations. Dans le contexte no-code, beaucoup d’outils intègrent une base de données visuelle (comme Airtable ou la base de Bubble) pour gérer les données de…Base de donnéesLa base de données (Data) de Framer est un système de collections JSON qui agit comme un CMS light. Tu crées des collections de données structurées (articles, produits, témoignages), puis liez ces données dynamiques à tes composants à l’aide de data…BlendingLes modes de fusion (blend modes) changent la manière dont un calque se mélange visuellement avec ceux situés en dessous.BlendingLe mode ‘Blending’ (mix-blend-mode) définit comment un élément se mélange avec l’arrière-plan ou les couches sous-jacentes, créant des jeux de couleurs et des effets artistiques.Bloc "more type options"Le bloc « More type options » regroupe des paramètres avancés de typographie dans Webflow. Il donne accès à des réglages tels que l’espacement des lettres (letter spacing), la hauteur de ligne (line height), la casse du texte (text transform), les…Bloc de texte (Text Block)Le « Text Block » est l’élément de base pour afficher un paragraphe continu sans balisage spécifique. Contrairement au « Heading », il ne porte pas de sémantique hiérarchique (H1–H6) mais engendre une balise dans le DOM.Boolean VariableVariable vraie/faux utilisée pour contrôler la visibilité conditionnelle d’un calque ou l’état actif/inactif d’un composant dans les prototypes.BorderLa bordure encadre un élément avec un trait dont on peut régler épaisseur, style (solid, dashed, dotted) et couleur.BorderLa propriété ‘Border’ configure les bordures d’un élément : épaisseur, style (solid, dashed, dotted) et couleur.Boutique en ligneUn site qui encaisse : un catalogue, un panier, un paiement et une logistique derrière. Tout le reste en découle.Bouton (Button)Le composant « Button » est un lien stylé (<button> ou <a> selon le contexte) optimisé pour l’accessibilité (role = button, tabindex).Box shadowL’ombre portée (box‑shadow) projette un flou derrière ou autour d’un bloc afin de donner de la profondeur. Webflow permet d’enchaîner plusieurs ombres avec offsets, blur et spread différents pour simuler l’élévation matérielle.BreakpointsLes ‘Breakpoints’ permettent de créer des styles responsive à chaque taille d’écran. Tu peux ajouter plusieurs points de rupture (mobile, tablette, desktop) et adapter les propriétés CSS (taille, layout, visibilités) pour garantir une expérience…

C

CH« ch » est une unité relative équivalente à la largeur du caractère « 0 » de la police courante. Dans Webflow, elle sert à définir des largeurs de colonne ou des marges basées sur le nombre approximatif de lettres, pratique pour créer des mesures…Champ (Input)Le composant « Input » crée un champ de formulaire pouvant être texte, email, number, etc. Webflow expose les attributs HTML5 (placeholder, required, pattern) et offre un panneau Validation pour personnaliser les messages d’erreur.CheckboxL’élément « Checkbox » est une entrée binaire où l’utilisateur peut cocher ou décocher. Webflow génère automatiquement l’input type="checkbox" et son label encapsulé, stylisable via des pseudo‑éléments.Citation (Quote)Le composant « Quote » produit les balises <quote> qui sont utiles pour mettre en avant des témoignages ou extraits.Citizen DeveloperTerme désignant un utilisateur non-développeur qui crée des applications par lui-même, généralement en utilisant des outils no-code ou low-code.Clé APICode unique (suite de caractères) fourni par un service pour authentifier une requête API. Par exemple, lorsqu’on connecte un outil no-code à un service externe (comme Google Maps ou Twitter), on utilise une clé API pour prouver qu’on est autorisé à…Clip ContentOption qui masque tout contenu qui dépasse les limites d’un frame ou d’un Auto‑Layout, utile pour créer des masques ou gérer les scroll areas.ClippingLe clipping (ou « clip ») permet de masquer une partie du contenu d’un élément en définissant une zone visible.CMS (Content Management System)Logiciel qui permet de créer et gérer facilement le contenu d’un site web. Un CMS (tel que WordPress) offre une interface utilisateur pour publier du texte, des images ou des pages entières sans avoir à coder chaque élément à la main.Code blockLe Code Block (composant Code) dans Framer t'offre un espace pour écrire et exécuter du code React/JavaScript personnalisé.Code et boutons utilitairesLe panneau Code et boutons utilitaires regroupe les fonctionnalités pour personnaliser ton projet via du code.Code overridesLes ‘Code overrides’ permettent d’injecter des fonctions en React pour modifier dynamiquement les propriétés, les styles ou le comportement des composants, offrant une personnalisation avancée via le panneau Custom Code.Colonnes (Columns)Le composant « Columns » génère un système de grilles flexibles basé sur Flexbox ou CSS Grid. Il permet de diviser rapidement du contenu en 2, 3 ou 4 colonnes avec un gutter ajustable.ColorLa propriété ‘Color’ définit la couleur du texte via hex, RGB ou variables de thème. Tu peux aussi modifier la transparence pour créer des effets de texte fantômes ou de fond.Color StyleStyle qui encapsule une couleur unie ou un dégradé. En l’appliquant à plusieurs calques, tout changement ultérieur mettra à jour l’ensemble des instances.Color VariableVariable de type « Color » stockant une valeur HEX/RGB/HSL. Elle se lie aux remplissages, strokes et effets pour changer de thème instantanément.Columns & RowsDans ‘Columns & Rows’, tu configures le nombre et la taille des colonnes et lignes, ainsi que les gaps. Cette grille sert de base à ton layout, offrant une structure rigide ou flexible selon le besoin.CommentaireLe mode Commentaire bascule Figma en annotation collaborative : chaque commentaire est épinglé sur la toile et notifie les collaborateurs concernés, favorisant la revue et la validation.CommentairesLes « Commentaires » font référence à la fonctionnalité d’annotation interne de Webflow Editor, permettant aux collaborateurs de laisser des retours directement sur le site publié.ComposantÉlément de base d’une interface ou d’une application, réutilisable et configurable. Par exemple, un bouton, un champ de texte, une carte de produit ou un menu sont des composants qu’on peut glisser dans un éditeur no-code pour construire l’interface…Compte FramerLe compte Framer est ton espace personnel où tu gères tes projets, tes équipes, tes facturations et tes réglages de profil.ConnecteurModule logiciel qui sert de lien entre deux applications pour qu’elles échangent des données. Dans les outils no-code d’automatisation, les connecteurs sont les “ponts” vers des applications tierces (ex : un connecteur Gmail permet d’envoyer un…ContainerLe bloc qui plafonne la largeur du contenu et le centre, pour que la page tienne sur un grand écran.ContraLes Contraintes (Contra) dans Framer définissent comment un calque se positionne et se redimensionne par rapport à son parent.ContraintesRègles de redimensionnement qui définissent comment un calque réagit quand son parent change de taille (ex. Pin Left & Right, Scale, Center).Copy to clipboardLe composant Copy to Clipboard ajoute un bouton interactif qui copie automatiquement un texte, un lien ou une donnée spécifique dans le presse-papier de l’utilisateur lors du clic.Corner radiusValeur qui arrondit les coins d’un rectangle ou d’un frame. Peut être définie uniformément ou séparément pour chaque coin pour créer des formes organiques.CountdownLe composant Countdown affiche un compte à rebours jusqu’à une date ou un événement cible défini par l’utilisateur.CRM (Customer Relationship Management)Logiciel utilisé pour suivre et optimiser la gestion des clients et prospects (contacts, interactions, ventes, support, etc.).Cursor(probablement « Cursor ») Propriété CSS accessible dans le panneau « Style » de Webflow qui contrôle l’icône du pointeur lorsque l’utilisateur survole un élément.CursorLe style ‘Cursor’ ajuste le type de curseur au survol (pointer, text, crosshair), renforçant le feedback visuel et guidant l’utilisateur quant aux interactions possibles.Custom elementFonctionnalité avancée qui autorise l’insertion de balises HTML personnalisées directement dans le canvas via l’élément « Custom Code » ou via des composants clonés.Custom propertiesLes variables CSS (prefixe --ma-variable) que Webflow expose dans le Designer depuis 2024. Elles permettent de centraliser des valeurs (couleurs, espacements, typographies) que l’on rappelle ensuite dans les règles de style grâce à la fonction var().

D

DashboardLe tableau de bord est la page d’accueil de Figma ; il affiche tes fichiers récents, tes projets d’équipe et les modèles (templates).Déclencheur (Trigger)Événement initial qui lance une automatisation ou un workflow. Par exemple, l’ajout d’une nouvelle ligne dans un tableur peut servir de déclencheur pour envoyer automatiquement un email ou copier ces données ailleurs.DéploiementProcessus de mise en ligne ou de publication d’une application pour la rendre accessible aux utilisateurs. Dans le no-code, le déploiement est souvent simplifié en un clic, car la plateforme s’occupe d’installer l’application sur ses serveurs et de…DepthLa propriété ‘Depth’ (translateZ) déplace un élément le long de l’axe Z, créant un effet de profondeur 3D, souvent combinée à la perspective pour simuler une scène immersive.Design SystemEnsemble cohérent de composants UI, de styles et de guides qui définissent l’apparence et le fonctionnement d’une application ou d’un site.Dev ModeDev Mode est une vue dédiée aux développeurs ; elle révèle code CSS/iOS/Android généré, variables, assets téléchargeables et comparaisons de versions pour faciliter l’implémentation.DevisLe document qui engage : périmètre, livrables, délais, prix et ce qui n'est pas compris. C'est ce dernier point qui évite les litiges.DimensionsChamps Largeur (W) et Hauteur (H) permettant de définir la taille absolue d’un calque ou d’un frame, ou de passer en mode ‘Hug’ ou ‘Fill’ lorsqu’il est dans un Auto‑Layout.DirectionLa ‘Direction’ dans Auto Layout oriente l’agencement des enfants en horizontal (row) ou vertical (column). Cette simple bascule transforme instantanément un groupe d’éléments en liste ou en ligne d’items responsives.Direction & GapLa ‘Direction’ (Horizontal ou Vertical) dicte le sens d’empilement des enfants dans un Auto‑Layout, tandis que le ‘Gap’ fixe l’espacement constant entre eux.Display : BlockValeur de la propriété CSS display mise à disposition dans l’onglet Layout du panneau Style. Elle force l’élément à occuper toute la largeur disponible et à provoquer un retour à la ligne après lui.Display : FlexLa propriété qui aligne les enfants d'un élément en ligne ou en colonne, et gère leur répartition dans l'espace.Display : GridLa mise en page en lignes ET en colonnes : tu poses une grille, tu places les blocs dedans.Display : InlineValeur display qui permet à l’élément de s’insérer dans le flux de texte sans créer de saut à la ligne. L’élément ne supporte ni largeur ni hauteur personnalisée, mais accepte les marges horizontales.Display : NoneValeur magique pour masquer complètement un élément dans le DOM sans le supprimer. Employée dans Webflow pour construire des menus burger, des carrousels ou gérer la visibilité conditionnelle dans les interactions.DistributeLe paramètre ‘Distribute’ répartit l’espace disponible entre les éléments d’un Auto Layout selon différents modes (space-between, space-around, space-evenly), offrant un espacement uniforme sans avoir à modifier chaque marge.Div BlockÉlément conteneur polyvalent, comparable à une balise neutre en HTML. C’est la brique de base de tout projet Webflow : on l’utilise pour regrouper des éléments, appliquer des classes, gérer la mise en page via flex/grid ou masquer du contenu.DocumentationDans un projet, il s’agit de l’ensemble des explications et informations écrites décrivant le fonctionnement et la configuration de l’application.DownloadLe composant Download déclenche le téléchargement d’un fichier ou d’une ressource hébergée dans tes Assets. Tu spécifies l’URL du fichier et un nom de fichier pour l’attribut « download », permettant aux visiteurs de récupérer facilement des…DragLe mode ‘Drag’ autorise le glissement d’un élément avec la souris ou le doigt. Tu peux restreindre le mouvement à un axe, définir des inerties ou déclencher des callbacks pour personnaliser l’interactivité.DraggableL’option ‘Draggable’ active le drag-and-drop natif sur un composant, sans code supplémentaire. Combine-la avec des interactions pour construire des interfaces glissantes et interactives.DropdownComposant interactif natif de Webflow composé d’un bouton et d’une liste qu’on peut afficher/masquer. Utile pour créer des menus secondaires, des filtres ou des FAQ accordéon.Dropdown opensSous‑propriété du Dropdown qui contrôle le sens d’apparition de la liste (vers le bas, vers le haut, vers la gauche ou la droite).

E

Effect StylePréréglage d’effets (Shadow, Blur) appliqué de manière cohérente aux composants. Idéal pour harmoniser les élévations ou les profondeurs dans un design system.EffectsListe d’effets visuels : Ombre portée, Inner Shadow, Layer Blur et Background Blur. Chaque effet possède ses propres paramètres (offset, blur, spread…).EMUnité de mesure relative à la taille de police de l’élément parent. Dans Webflow, elle est surtout utilisée pour créer des espacements et des tailles de texte fluides où l’échelle est déterminée par le contexte.EmbedLe composant Embed permet d’insérer du code HTML ou des scripts externes (calendriers, chatbots, formulaires tiers).Embed codeWidget ‘Embed’ qui autorise l’insertion directe d’HTML, CSS ou JavaScript personnalisé. Il est indispensable pour intégrer des scripts marketing (Hotjar, Google Tag Manager), des iframes (Google Maps) ou des solutions e‑commerce tierces.Espace membreLa partie du site réservée à ceux qui se connectent : contenus protégés, abonnement, tableau de bord.EventbriteLe composant Eventbrite Embed intègre la billetterie de tes événements Eventbrite. En collant l’URL ou le code d’intégration d’un événement, tu affiches le formulaire de réservation, la liste des tickets et les détails pratiques (date, lieu),…Expérience utilisateur (UX)Ressenti global et satisfaction d’un utilisateur lorsqu’il utilise une application ou un site. Concevoir une bonne UX implique de rendre le parcours simple, intuitif, efficace et agréable (chargement rapide, navigation claire, contenu utile), afin…ExportFonction qui génère des fichiers PNG, JPG, SVG ou PDF à différentes échelles (1x, 2x, 4x…). Les paramètres d’export se configurent dans le panneau droit ou via le raccourci ⇧⌘E.

F

Fiche produitLa page qui décide de l'achat : visuels, variantes, prix, livraison, retours. C'est la page la plus travaillée d'une boutique.FillSection où l’on ajoute et gère les remplissages : couleur unie, dégradé linéaire/radial/angulaire, image ou vidéo.FillLe paramètre ‘Fill’ définit la couleur de fond ou le dégradé d’un élément. Tu peux appliquer des images ou des SVG comme fill et ajuster l’opacité pour obtenir des effets visuels variés.FiltersEffets visuels de type CSS filter (blur, brightness, contrast, hue‑rotate, etc.) accessibles dans l’onglet Effects du Designer.FiltersLes ‘Filters’ appliquent des effets CSS (blur, brightness, contrast, saturate) directement depuis le panneau, parfaits pour retoucher des images ou créer des overlays stylisés.Fit TextLe plugin Fit Text ajuste automatiquement la taille du texte pour qu’il remplisse parfaitement son conteneur sans overflow.FixedValeur de la propriété position qui fige l’élément par rapport à la fenêtre d’affichage (viewport), indépendamment du scroll.FixedLa position ‘Fixed’ ancre un élément par rapport au viewport du navigateur. Ce comportement est parfait pour des barres de navigation, en-têtes ou boutons de retour en haut de page qui doivent rester visibles quel que soit le scroll.Flux de travail (Workflow)Suite d’actions ou de tâches qui s’enchaînent automatiquement selon un scénario défini. Dans le no-code, un flux de travail peut être créé via des outils comme Zapier, Make ou nativement dans certaines plateformes (par exemple les automatisations…FocusedÉtat (pseudo‑class :focus) appliqué quand un élément interactif reçoit le focus clavier ou clic. Webflow expose cet état dans le sélecteur d’états, permettant de personnaliser l’apparence d’un input ou d’un bouton lorsqu’il est actif.FontLa propriété ‘Font’ sélectionne la police de caractères (Google Fonts ou custom). Tu peux définir un fallback, ajuster la taille, le style et les variantes OpenType pour un rendu typographique précis.Form BlockConteneur principal d’un formulaire Webflow. Il encapsule les champs, le bouton de soumission et les messages de validation, et gère l’envoi des données vers Webflow Forms ou un endpoint personnalisé.Form buttonBouton de type « Submit » que l’on place à l’intérieur d’un bloc « Form ». Il déclenche l’envoi des données saisies vers Webflow Forms ou vers un service externe (Zapier, Make, etc.).FormulaireInterface de collecte de données présentée à l’utilisateur, comprenant généralement des champs à remplir (texte, choix multiples, cases à cocher, etc.).FormulairesLe composant Formulaires (Form) te permet de créer des champs de saisie (texte, e-mail, mot de passe, etc.) pour collecter des informations auprès des utilisateurs.Formulaires personnalisésLes formulaires personnalisés permettent de concevoir des formulaires avec des champs sur-mesure (inputs, selects, checkboxes) et de les connecter à des endpoints externes via des requêtes HTTP.FrameUn Frame est un conteneur qui définit un système de coordonnées et un plan de travail. Il sert d’artboard, de section de page ou de composant parent pour appliquer l’Auto-Layout, le masquage, l’export, etc.FrameLe Frame est l’élément de base dans Framer, un conteneur vectoriel ou d’images qui sert à construire ton interface.FreelanceTravailler à ton compte pour plusieurs clients : tu vends ton temps et ton expertise, tu gères aussi la prospection, les devis et la compta.Front-endPartie visible de l’application, celle avec laquelle l’utilisateur interagit (l’interface utilisateur). Cela inclut la mise en page, les boutons, les images, les champs de saisie, etc.

I

IconesLes icônes (Icones) dans Framer peuvent provenir de librairies intégrées (Feather, Material) ou d’assets importés.IFTTTAcronyme de If This Then That, une plateforme d’automatisation grand public. IFTTT permet de créer de petites automatisations appelées applets en connectant un événement dans un service (par ex.ImageL’élément « Image » insère une balise HTML <img>. Tu téléverses le fichier (PNG, JPG, WebP, GIF, SVG), puis tu règles l’aspect‑ratio, l’alignement et les attributs SEO (alt texte, titre).ImageLe composant Image sert à importer et afficher des images (JPG, PNG, SVG, GIF). Tu as le contrôle sur le Fit (Cover, Contain), le positionnement de la focalisation, et peux paramétrer le lazy loading pour optimiser les performances.Image et vidéoLe composant Image et vidéo rassemble les deux médias : tu peux importer des images (JPG, PNG, SVG) et des vidéos (MP4, WebM) dans un seul composant multimédia.Image RenderingLe style ‘Image Rendering’ contrôle la méthode de rendu des images (auto, crisp-edges, pixelated), utile pour les effets pixel art ou pour garder des images nettes lors des redimensionnements.Images et gradient"Image & gradient" est une fonctionnalités CSS permettant d'ajouter soit une image dans le fond d'un élément (div), soit un dégradé de couleur.IntégrationAction de connecter plusieurs applications ou systèmes entre eux pour qu’ils puissent fonctionner de manière combinée.Intégration de formulaires (Mailchimp, Formspark, Waitlist, etc)L’intégration de formulaires (Emails signup) permet de connecter les données collectées à des services tiers comme Mailchimp, Airtable ou Zapier.InteractionsL'animation déclenchée par une action : scroll, survol, clic ou chargement de page.InteractionsEnsemble de connexions entre frames définissant le comportement interactif : chaque interaction combine un Trigger, une Action et, le cas échéant, une Animation ou un Scroll Behavior.Interface utilisateur (UI)Aspect visuel et interactif d’une application, c’est-à-dire tout ce que voit et utilise l’utilisateur à l’écran.

L

L'interface designerL’interface designer est l’atelier visuel de Webflow où tu construis ton site. Elle comprend la barre des éléments, le canvas de conception, les panneaux de style et les paramètres d’élément.LabelBalise <label> associée à un champ de formulaire via l’attribut « for ». Elle permet à l’utilisateur de cliquer sur le texte pour activer le champ correspondant, parfait pour l’accessibilité.LayersOnglet affichant la pile de calques, groupes, frames et composants de la page courante. On y réorganise la hiérarchie, verrouille ou masque des éléments et sélectionne rapidement des objets.Layout GridGrilles (colonnes, rangées ou carré) superposées aux frames pour assurer des mises en page cohérentes ; on peut créer plusieurs grilles et ajuster marge, gouttière et type.Le designerLe Designer de Framer est l’interface visuelle qui regroupe le canvas, le panneau Layers, l’inspecteur de propriétés et l’accès aux overrides.Le panneau hiérarchiqueAppelé « Navigator », il montre la structure imbriquée des éléments comme un dossier de fichiers. Chaque ligne est une boîte (div, section, container…).Lemon squeezy & GumroadLes intégrations Lemon Squeezy et Gumroad permettent de vendre des produits numériques ou des abonnements directement depuis ton site Framer.Lemon Squeezy et GumroadLes intégrations Lemon Squeezy et Gumroad permettent de vendre des produits numériques et des abonnements directement depuis ton site Framer.Les alignementsLe panneau ‘Alignements’ propose des commandes visuelles pour positionner tes éléments à l’intérieur de leur conteneur.Les classesSystème de style basé sur la spécification CSS. Une classe porte un ensemble de propriétés réutilisable sur plusieurs éléments ; Webflow les gère dans la barre supérieure en haut du panneau de style.Les cookiesLe gestionnaire de cookies offre un composant de bannière conforme au RGPD et au CCPA. Il affiche un message d’information sur l’utilisation des cookies, propose des options d’acceptation ou de refus et stocke le choix dans un cookie.Les modesTerme générique pour les différents modes de configuration : états de style (normal, hover, active, focus), positionnement (static, relative, absolute, sticky) et modes de fusion ou de display.Letter spacingLe paramètre ‘Letter spacing’ (espacement des lettres) module l’espace entre chaque caractère, utile pour améliorer la lisibilité ou appliquer un style typographique spécifique.Lien texte (Text Link)Élément ancêtre « a » stylisé inline au sein d’un flux de texte. On le glisse depuis l’onglet Typography. Peut pointer vers une URL externe, une page interne, une ancre ou un asset d’email.LightboxComposant interactif permettant d’ouvrir une image, une galerie ou une vidéo dans une fenêtre modale superposée.Line heightLe paramètre ‘Line height’ (interligne) règle l’espacement vertical entre les lignes, crucial pour la lisibilité du paragraphe et l’esthétique générale du texte.Link BlockBloc cliquable qui enveloppe d’autres éléments (images, titres, paragraphes) et se transforme en balise <a> autour du contenu.LinksLe style ‘Links’ regroupe les paramètres d’apparence et d’interaction pour tes liens hypertextes. Tu configures l’état par défaut, hover, visited, et active, et peux ajouter des animations (soulignement, changement de couleur) pour renforcer le…List et list itemÉlément sémantique <ul> (unordered) ou <ol> (ordered) et ses enfants <li>. Dans Webflow, tu peux ajouter des listes de check‑list, d’étapes, ou un sommaire de page.Liste de collectionLa base de données de Webflow affichée dans la page : une liste d'éléments dynamiques rendus par un template unique.Liste de collection et champsLa liste de collection et champs (Collection List) utilise Framer Data pour afficher dynamiquement des éléments.Local StylesStyles enregistrés uniquement dans le fichier courant : Text, Color, Effect ou Grid. Ils centralisent les attributs pour garantir la cohérence et facilitent la mise à jour globale.Locale listDepuis 2024, Webflow prend en charge la gestion multi‑langues via « Locales ». Une « Locale List » affiche le menu de langue (fr, en, es…) que l’utilisateur peut sélectionner.LogoLe composant Logo te permet d’importer et d’afficher ton identité visuelle (SVG ou image raster). Place-le dans la Navbar ou comme élément Sticky pour renforcer la reconnaissance de ta marque.LoopL’option ‘Loop’ rend une animation cyclique, se répétant indéfiniment ou un nombre de fois défini. Pratique pour des loaders, des icônes animées ou des effets de fond perpétuels.Lottie animationIntégration native du format .json généré par After Effects via Bodymovin. On insère un « Lottie Element », on télécharge le fichier ou on colle une URL. Synchronisable avec le « scroll » ou les « hover interactions » pour un contrôle ultra‑fin sans code.Low-codeApproche de développement qui, comme le no-code, vise à créer des applications de façon plus visuelle et rapide, mais qui peut nécessiter un peu de programmation.

M

MaintenanceEnsemble des actions réalisées après le déploiement d’une application pour garantir son bon fonctionnement dans le temps.MakeL'outil d'automatisation visuel qui enchaîne des scénarios entre tes applications, sans écrire de code.Maquette (Wireframe)Représentation visuelle simplifiée de l’interface d’une application ou d’un site, généralement sous forme de schéma en noir et blanc ou à faible niveau de détail.MarginEspace externe autour d’un élément, défini en pixels, rem, %, etc. Contrairement au « padding » (qui pousse le contenu intérieur), la « margin » pousse l’élément lui‑même par rapport à son voisin.MaskLa propriété ‘Mask’ utilise une forme ou un SVG comme masque pour afficher uniquement la zone souhaitée d’un élément, idéal pour des effets de découpe créatifs.MenuLe composant Menu offre une navigation responsive avec items et sous-menus configurables. Tu ajoutes tes liens, définis l’apparence visuelle (espacement, typographie, couleurs) et paramètres l’icône burger pour la version mobile.Min & MaxLes propriétés « Min & Max » fixent les limites minimale et maximale de la largeur et de la hauteur d'un élément. Elles garantissent qu'un composant reste lisible et ne déborde pas quand le conteneur ou l'écran change de taille.Modifier et utiliser un templateModifier et utiliser un template consiste à sélectionner un modèle prédéfini dans Webflow, puis à personnaliser ses sections, styles et interactions pour l’adapter à ton projet.Moteur de recherche (Search)Le 'moteur de recherche' (Search) de Framer indexe ton contenu (pages, collections) pour fournir une recherche en temps réel.Mouse clickDéclencheur d’interactions qui s’active lorsque l’utilisateur clique (ou tape) sur un élément. Dans l’onglet « Interactions », choisis « Mouse click (tap) » puis configure « On 1st click » (ouvrir un menu) et éventuellement « On 2nd click » (fermer le menu).Mouse hoverLe déclencheur « Mouse Hover » dans Webflow Interactions détecte le passage (Hover Over) et le retrait (Hover Out) de la souris au-dessus d’un élément.Mouse move in viewportDétecte la position du curseur dans l’ensemble du viewport (fenêtre du navigateur). Les coordonnées globales de la souris peuvent animer des éléments en fonction du pointeur sur toute la page, utile pour créer des effets interactifs qui suivent le…Mouse move over elementDéclencheur d’interaction qui détecte le mouvement de la souris au sein d’un élément spécifique. Il fournit les coordonnées X et Y relatives à l’élément, permettant de lier le déplacement du curseur à des animations (rotation, translation, opacité,…Move ToolOutil de sélection par défaut (raccourci : V). Il permet de choisir, déplacer et redimensionner n’importe quel calque ou groupe dans la toile.MVP (Minimum Viable Product)Première version fonctionnelle d’un produit comportant juste les fonctionnalités essentielles. En no-code, l’approche MVP consiste à rapidement construire un prototype utilisable de l’application (souvent avec des outils visuels) afin de tester…

O

OpacitéContrôle la transparence d’un calque de 0 % (invisible) à 100 % (opaque). Peut être appliquée globalement ou par remplissage/stroke individuel.OpacitéLa propriété ‘Opacité’ contrôle la transparence d’un élément. Combine-la avec des transitions pour créer des effets de fade-in/fade-out et gérer la visibilité progressive des composants.OpacityLa propriété CSS « opacity » contrôle la transparence d’un élément. Une valeur de 1 est totalement opaque, et 0 est entièrement transparent.OpenTable et TheForkLes intégrations OpenTable et TheFork intègrent les modules de réservation de tables dans ton site Framer. En collant le code d’intégration fourni par OpenTable ou TheFork (widget HTML/iframe), tu affiches le formulaire de réservation, les créneaux…OriginLa propriété ‘Origin’ (transform-origin) spécifie le point de pivot pour toutes les transformations (scale, rotate), comme le centre ou un coin, modifiant le comportement visuel des animations.OutlineLa propriété CSS « outline » trace une ligne autour de l’élément, en dehors de sa bordure. Contrairement à « border », elle ne modifie pas le layout et n’affecte pas la taille de l’élément ou les éléments voisins.OutSystemsPlateforme de développement low-code orientée entreprise. Elle permet de créer des applications web et mobiles avec une interface visuelle tout en offrant la possibilité d’écrire du code pour les cas complexes.OverflowLa propriété CSS « overflow » contrôle le comportement du contenu qui dépasse les limites d’un élément. Webflow propose plusieurs options : visible (le contenu déborde naturellement), hidden (le contenu excédentaire est masqué), scroll (ajoute des…OverflowLa propriété ‘Overflow’ gère le contenu qui dépasse un conteneur. Choisis entre visible, hidden, scroll ou auto pour créer des zones de défilement internes sans perturber le layout global.Overflow X & YLes paramètres ‘Overflow X & Y’ gèrent séparément le débordement horizontal et vertical, offrant un contrôle précis sur l’apparition des barres de scroll et le masquage du contenu.Overlay - FixedL’overlay ‘Fixed’ ancre une couche superposée par rapport au viewport. Idéal pour les modales et les popups qui doivent rester centrées et accessibles quel que soit le scroll.Overlay - RelativeL’overlay ‘Relative’ place une couche superposée dans le flux de son parent, permettant un positionnement contextuel tout en conservant la hiérarchie des calques.

P

PaaS (Platform as a Service)Modèle de service cloud où une plateforme complète de développement et d’hébergement est fournie par un tiers.PaddingLe padding est une propriété CSS qui définit l’espace intérieur entre le bord d’un élément et son contenu. Il est appliqué individuellement sur les quatre côtés (haut, droite, bas, gauche).PaddingMarge interne d’un élément en auto‑Layout entre son bord et ses contenus ; elle peut être réglée globalement ou par côté (haut, droite, bas, gauche).PaddingLe ‘Padding’ ajoute un espace intérieur entre le contenu d’un élément et ses bordures. Tu peux ajuster le padding individuellement pour chaque côté afin de gérer la respiration visuelle et le confort de lecture.PageUne Page est un espace de travail au sein d’un fichier Figma. On y place des frames ou prototypes distincts ; pratique pour séparer les étapes d’un projet (wireframes, UI finale, tests).Page de destination (Landing page)Page web conçue pour accueillir spécifiquement les visiteurs dans le but de les faire agir (s’inscrire, acheter, télécharger un contenu…).Page loadDéclencheur qui lance des animations ou des actions dès que la page est complètement chargée. Tu peux démarrer l’animation immédiatement ou avec un délai, parfait pour présenter des en-têtes, des images ou du contenu d’introduction de façon fluide…Page scrolledSimilaire à « While page is scrolling », mais actif une seule fois à un pourcentage de défilement défini. Tu spécifies un point de déclenchement (par exemple 25 %) où l’animation s’exécute automatiquement, idéal pour charger ou animer du contenu au…Page templateModèle de page pré-conçu dans Webflow offrant une structure de base pour générer des pages cohérentes. Les templates incluent des sections, styles et interactions prédéfinis pour accélérer le développement de sites.Pages dynamiquesLes pages dynamiques (Dynamic Pages) se basent sur une Collection Data pour générer automatiquement des pages individuelles.Pages e-commerceTypes de pages dédiées à l’e-commerce sur Webflow : product, category, cart, checkout, account. Chaque page est dotée de champs et de composants spécifiques pour gérer l’affichage des produits, le panier et le paiement.Panneau de stylePanneau latéral droit où l’on règle l’apparence et les contraintes d’un calque : position, Auto‑Layout, remplissages (Fill), contour (Stroke), effets (shadow, blur), grilles, export, etc.Paragraph spacingLe style ‘Paragraph spacing’ ajoute un espace après chaque paragraphe, facilitant la séparation visuelle et améliorant la clarté du texte, surtout dans les blocs denses.ParagrapheLe paragraphe est le bloc de texte standard pour ajouter du contenu écrit sur ton site. Tu peux personnaliser la police, la taille, l’interligne et l’alignement.ParamètresSection dédiée aux paramètres avancés d’un élément dans le panneau Settings : attributs HTML (ID, classes), liens, configurations de formulaire, options de publication et intégrations tierces.PatternLe composant Pattern permet de créer des motifs répétitifs en définissant une forme de base, l’espacement et la direction de répétition.PenL’outil Plume (raccourci : P) crée des tracés vectoriels à segments droits ou courbes via des points d’ancrage Bézier, idéal pour des formes précises ou des icônes.PencilL’outil Crayon dessine des tracés vectoriels à main levée qui sont ensuite lissés automatiquement ; pratique pour des esquisses rapides ou des micro‑illustrations.PerspectiveLa propriété ‘Perspective’ définit la distance de projection pour les transformations 3D, influençant la façon dont les éléments s’écartent ou convergent en perspective.PixelsLe pixel (px) est l’unité de mesure de base en CSS. Un pixel correspond à un point sur l’écran et reste constant quelle que soit la taille du viewport.PlaceholderLe « Placeholder » est un texte indicatif affiché dans un champ de formulaire (input) lorsqu’il est vide. Généralement affiché en gris clair, il guide l’utilisateur sur le format ou le contenu attendu.PluginExtension ou module additionnel que l’on peut ajouter à une application ou à une plateforme pour en étendre les fonctionnalités.PluginsLes plugins dans Framer s’installent via la galerie intégrée et étendent les fonctionnalités (nouvelles bibliothèques d’icônes, animations, intégrations).Pointer eventsLa propriété ‘Pointer events’ (pointer-events) détermine si un élément peut recevoir ou ignorer les interactions de la souris/toucher, permettant de créer des zones cliquables transparentes.PortfolioLa sélection de projets qui prouve ce que tu sais faire. Trois cas bien racontés valent mieux que vingt vignettes.PositionsGroupe de réglages dans le panneau de style qui contrôle l’emplacement (X, Y), la rotation et le point d’origine d’un calque ou d’un frame.Présentation du compte WebflowLa page de présentation de ton compte Webflow sert de point d’entrée pour tous tes projets. Tu y trouveras la liste de tes sites, tes espaces de travail, tes paramètres de facturation et d’équipe.Preserve 3DLe réglage ‘Preserve 3D’ (transform-style) permet aux éléments enfants de conserver leur environnement 3D plutôt que d’être aplatis, nécessaire pour des scènes 3D emboîtées.PressL’effet ‘Press’ (tap) définit l’apparence d’un élément lorsque l’utilisateur clique ou touche l’écran. Il simule un retour haptique digital (rétrécissement, ombre portée) pour confirmer l’action.Preview MockupFenêtre de prévisualisation (⌘⌥P) ouvrant ton prototype dans un navigateur embarqué. Elle affiche la maquette dans le cadre d’un appareil virtuel et permet de tester les interactions en temps réel.Product HuntLe badge Product Hunt te permet d’ajouter un lien et un compteur de votes vers ton produit sur Product Hunt. Tu copies le snippet de badge depuis Product Hunt, l’intègres avec le composant Embed et tes visiteurs peuvent voter directement depuis ton…Programmation visuelleMéthode de développement où l’on utilise des éléments graphiques (blocs, flux, connecteurs) pour construire la logique d’une application, au lieu d’écrire du texte dans un langage de programmation.PrototypeVersion préliminaire d’une application, créée rapidement pour en démontrer le concept ou tester des fonctionnalités clés.PrototypeMode qui transforme les frames en écrans interactifs : on relie des nœuds, définit les déclencheurs (tap, hover…), transitions et animations pour simuler le comportement d’une application.

R

Radio buttonLe radio button est un élément de formulaire qui permet de sélectionner une seule option parmi plusieurs. Les boutons radio sont regroupés par nom, et un seul peut être actif à la fois.RadiusLa propriété CSS « border-radius » (Rayon) arrondit les coins d’un élément. Tu peux définir un rayon global pour tous les coins ou appliquer des valeurs distinctes pour chaque coin.RadiusLe ‘Radius’ (border-radius) arrondit les coins d’un élément. Définis des valeurs uniformes ou distinctes pour chaque coin afin de créer des boutons, des cartes ou des images aux bords doux.Ratio et FitDans Webflow, le paramètre « Ratio » permet de conserver un rapport d’aspect fixe (par exemple 16:9 pour les vidéos ou images).RecaptchaRecaptcha est un service de Google intégré à tes formulaires pour se protéger des spams et des robots. Tu configures une clé publique et une clé privée, puis Webflow ajoute la vérification invisible ou visible.Redirections (Redirects)Les règles de redirection (Redirects) te permettent de gérer les URL de ton site publié : créez des redirections 301 ou 302, définis une page 404 personnalisée et configure des chemins conditionnels dans le panneau Hosting.Réglages générauxLes réglages General (généraux) d’un projet Framer incluent les paramètres de breakpoints responsive, le thème de couleurs globales, la police par défaut, les unités (px, rem, %) et les options de layout.RelativeLa position « relative » permet de déplacer un élément par rapport à son emplacement d’origine à l’aide des propriétés top, right, bottom et left.RelativeLa position ‘Relative’ conserve l’élément dans le flux tout en autorisant un décalage par rapport à sa position d’origine.REML’unité rem (root em) est relative à la taille de la police définie sur l’élément racine (généralement l’HTML).Réseaux sociaux (Social)Le composant 'Réseaux sociaux' (Social) permet d’ajouter des icônes ou des widgets de partage et de suivi pour des plateformes comme Facebook, Twitter, LinkedIn ou Instagram.Responsive designApproche de design Web consistant à concevoir un site ou une application de manière à ce qu’il s’adapte automatiquement aux différentes tailles d’écran (mobile, tablette, ordinateur).RGPD (Règlement Général sur la Protection des Données)Réglementation européenne visant à protéger les données personnelles des utilisateurs. Dans le contexte no-code, il est important de configurer les outils et collectes de données de manière conforme au RGPD (obtention du consentement, stockage…Rows & columnsDans Framer, le mode Auto Layout 'Rows & columns' organise automatiquement les calques enfants en lignes (rows) ou colonnes (columns).RPA (Robotic Process Automation)Automatisation robotisée des processus, généralement à l’aide de logiciels qui imitent les actions humaines sur des interfaces (clics, saisies).

S

SaaS (Software as a Service)Logiciel accessible en ligne sous forme de service, généralement via un abonnement. La plupart des outils no-code sont proposés en mode SaaS : l’utilisateur se connecte sur le web pour utiliser l’application (constructeur de sites, base de données…ScalabilitéCapacité d’une application ou d’une infrastructure à passer à l’échelle, c’est-à-dire à gérer une augmentation du nombre d’utilisateurs ou de la quantité de données sans perte de performance.ScaleOutil d’échelle (raccourci : K) qui redimensionne proportionnellement ou librement des calques, groupes ou frames tout en conservant leurs contraintes internes.Scale, skew et rotateLes transformations ‘Scale, skew et rotate’ appliquent respectivement un redimensionnement, une inclinaison et une rotation 2D sur les éléments, utiles pour animer ou styliser des composants.Scène SplineLa scène Spline est un composant qui intègre des modèles 3D interactifs créés sur la plateforme Spline. Tu peux importer des animations en temps réel, des interactions de caméra et des contrôles tactiles.ScribbleEnsemble de dessins en SVG que l'on peut placer sur son siteScribblesL’outil 'Scribbles' offre une fonctionnalité de dessin libre sur le canvas : tu crées des formes vectorielles à main levée, que Framer convertit en chemins éditables.Scroll BehaviorParamètres définissant la manière dont un frame gère le défilement : vertical, horizontal, bidirectionnel ou sans scroll.Scroll into viewSe produit lorsqu’un élément entre dans le champ de vision du navigateur pendant le défilement. Tu peux définir un seuil de pourcentage pour lancer des animations dès qu’une partie de l’élément devient visible, idéal pour animer des sections ou des…Scroll SectionLa propriété ‘Scroll Section’ définit des zones où des animations basées sur le scroll sont déclenchées, permettant de séquencer des effets section par section pour un déroulé narratif.Scroll speedLe réglage ‘Scroll speed’ modifie la vitesse relative d’une animation liée au défilement. Tu peux créer des effets de parallaxe rapides ou lents pour enrichir la profondeur visuelle.Scroll transform‘Scroll transform’ mappe la progression du scroll à des transformations CSS (translate, rotate, scale), synchronisant les animations avec le mouvement de l’utilisateur pour un effet immersif.Scroll variantLe ‘Scroll variant’ combine les variants Framer Motion aux triggers de scroll. Tu définis plusieurs états selon les variantes de composants que tu as créé en fonction du défilement, et Framer assure la transition fluide entre eux.ScrollbarsLe style ‘Scrollbars’ personnalise l’apparence des barres de défilement (épaisseur, couleur, radius), assurant une cohérence visuelle avec le reste de ton design.Search barLa search bar est un composant qui permet aux visiteurs de rechercher du contenu sur ton site. Elle peut être connectée aux collections CMS pour filtrer les résultats en temps réel.SectionUne section est un conteneur large qui occupe toute la largeur de la fenêtre et permet de regrouper plusieurs éléments de contenu (textes, images, boutons).SectionLa Section permet d’entourer plusieurs frames afin de regrouper des écrans (par exemple un user‑flow) et d’ajouter un titre descriptif.SectionsBlocs verticaux prêts à l’emploi (héros, fonctionnalités, témoignages, FAQ, etc.) que l’on insère par glisser‑déposer.SécuritéEnsemble des mesures et bonnes pratiques pour protéger une application et ses données contre les accès non autorisés ou les pertes.SelectLe select est un menu déroulant qui affiche une liste d’options compactes. Lorsqu’on clique dessus, il s’ouvre pour révéler les choix disponibles.Sélecteur de langue (Local Selector)Le 'Sélecteur de langue' (Local selector) est un composant qui ajoute un menu déroulant ou une liste d’icônes pour changer la langue de ton site.SelectionLa propriété ‘Selection’ permet d'avoir accès aux couleurs appliquées aux éléments enfants de l'élément sélectionnéSelection ColorsPanneau contextuel qui affiche les couleurs de remplissage/stroke utilisées par les calques sélectionnés, permettant de les modifier rapidement en une seule action.SeoAbréviation de « Search Engine Optimization ». Ensemble de bonnes pratiques pour optimiser ton site Webflow : balises meta, titres, descriptions, URLs, performance et structure du contenu afin d’améliorer le référencement sur les moteurs de recherche.ShadowsLe style ‘Shadows’ ajoute des ombres portées (box-shadow) pour donner de la profondeur. Règle l’offset, le flou, l’étendue et la couleur pour simuler des effets de lumière réalistes.Site vitrineLe site qui présente une activité et amène des contacts, sans vendre en ligne : quelques pages, un formulaire, un référencement propre.Size (text)Le réglage ‘Size (text)’ spécifie la taille de la police en px, rem ou em, garantissant la lisibilité et l’accessibilité tout en maintenant une dimension responsive.Size pour GridL’option ‘Size pour Grid’ dans le panneau Grid définit la taille des colonnes et lignes (tracks) en unités fixes (px), relatives (fr, %) ou auto.SliceUn Slice définit une zone précise à exporter (PNG, SVG, PDF…) sans bouger les calques originaux. Utile pour générer des assets irréguliers ou multiples en une seule passe.SliderLe slider est un composant de type carrousel qui permet de faire défiler plusieurs diapositives de contenu, telles que des images, textes ou vidéos.Slider (slideshow)Le 'Slider (slideshow)' est un composant interactif qui affiche une série de diapositives (images, textes, composants) de manière séquentielle.Slider changeDéclencheur qui intervient lors du passage d’une diapositive à une autre dans un composant Slider. Il facilite l’animation d’éléments à l’entrée et à la sortie des slides, ainsi que la synchronisation d’autres actions avec le changement de diapositive.Stack techniqueTerme désignant l’ensemble des technologies et outils utilisés pour créer une application. Dans un projet no-code, le stack technique peut comprendre plusieurs services utilisés en combinaison (par exemple : Webflow pour le site web, Airtable pour…Stagings & versionsLa section 'Stagings & versions' génère des URLs de prévisualisation pour chaque version ou branche de ton projet.Starting FlowÉcran de départ d’un prototype. En le déclarant comme « Starting Flow », Figma lance la prévisualisation à partir de ce frame et définit le point d’entrée lorsque tu partages le lien.StaticLa position « static » est le comportement par défaut des éléments : ils s’affichent dans le flux normal de la page, sans possibilité de décalage via top/right/bottom/left.StickyLa position « sticky » combine les comportements fixed et relative. Un élément sticky reste dans le flux normal jusqu’à atteindre une position définie (top, bottom), puis reste fixé à cet endroit pendant le défilement, jusqu’à la fin de son conteneur parent.StickyLa position Sticky (comportement collant) dans Framer permet à un frame ou à un composant de rester fixé à un point défini (par exemple le haut du viewport) lorsque tu scrolles.StrokeContour appliqué autour d’un calque ; on y définit couleur, épaisseur, position (inside, center, outside), taille des bouts (caps) et jonctions (joins).StrokeLa propriété ‘Stroke’ (text stroke) trace un contour autour des caractères. Ajuste l’épaisseur et la couleur pour des effets de lettrage appelant l’attention.StylesLes 'Styles' (Saved Styles) sont des préréglages de styles que tu peux créer pour la typographie, les couleurs, les ombres et les effets.SupabaseLa base de données prête à l'emploi, avec authentification et API générée : le back-end sans serveur à gérer.SVH et DVHLes unités SVH (small viewport height) et DVH (dynamic viewport height) sont des variantes récentes des vh, conçues pour tenir compte des barres d’outil des navigateurs mobiles.

T

Tab changeSe produit lorsqu’un onglet différent est sélectionné dans un composant Tabs. Il détecte le changement d’onglet et permet d’animer le contenu (apparition, translation, opacité) pour une transition plus fluide entre les sections.Tableau de bord (Dashboard)Écran ou page offrant une vue d’ensemble synthétique de données ou d’indicateurs clés, souvent présenté sous forme de graphiques, de chiffres et de listes.TabsLes tabs sont un composant interactif qui organise le contenu en onglets, avec un ensemble de liens cliquables (tab links) et des panneaux de contenu associés (tab panels).Tap colorLa propriété ‘Tap color’ (highlight-color) définit la couleur de surbrillance mobile lors du tap, offrant un feedback visuel immédiat et améliorant l’expérience utilisateur sur smartphones.TemplateLe ‘Template’ agit comme un maître de style pour ton projet. En définissant des règles globales (couleurs, typographies, espacements), toute modification dans le template se réplique automatiquement sur les composants liés, assurant une cohérence…Template (Modèle)Contenu préconçu qui sert de base pour démarrer plus vite un projet. Les templates peuvent être des pages web types, des schémas d’application ou des blocs de design prêts à l’emploi.Test utilisateurMéthode de validation où l’on fait essayer l’application ou le site à des personnes représentatives des futurs usagers.Text AlignLe choix ‘Text Align’ définit l’alignement du texte (left, center, right, justify), structurant la présentation et aidant à guider le regard de l’utilisateur à travers le contenu.Text areaLe text area est un champ de formulaire à plusieurs lignes où les utilisateurs peuvent saisir des commentaires, des descriptions ou tout texte long.Text DecorationLa propriété ‘Text Decoration’ gère les décorations (underline, overline, line-through), permettant de souligner, barrer ou ajouter des lignes décoratives au texte.Text ShadowsLe style ‘Text Shadows’ applique des ombres au texte pour ajouter du relief ou un effet néon. Tu contrôles l’offset, le flou et la couleur pour des styles variés.Text StyleStyle regroupant police, taille, graisse, interlignage et autres propriétés typographiques. Il standardise la hiérarchie de titres, sous‑titres et paragraphes.Text TransformLa propriété ‘Text Transform’ modifie la casse du texte (uppercase, lowercase, capitalize) sans changer le contenu brut, pratique pour uniformiser les titres ou labels.TexteL’outil Texte (raccourci : T) crée des calques textuels éditables. Tu peux choisir police, style, interlignage, alignement et transformer le texte en éléments Auto‑Layout ou composants.Texte enrichi (Rich Text)Le texte enrichi (Rich Text) permet de combiner différents types de contenu (titres, paragraphes, images, liens, listes) dans un seul bloc.TickerLe 'Ticker' crée un bandeau défilant de texte ou de contenu (actualités, mentions) à la manière d’un fil d’informations.Time & dateLe composant 'Time & date' affiche l’heure et la date actuelles dans un format personnalisé (12h/24h, calendrier), met à jour automatiquement et prend en charge les fuseaux horaires ou le format local.Time-to-marketDurée qui s’écoule entre l’idée initiale d’un produit et sa mise à disposition sur le marché. Le no-code est souvent valorisé pour réduire le time-to-market, car en éliminant les phases de programmation complexe, on peut prototyper, tester et…Titres (Heading)Les titres (de H1 à H6) structurent le contenu de ton site en niveaux hiérarchiques. Le H1 est le titre principal, important pour le SEO, tandis que les H2 à H6 servent de sous-titres pour organiser les sections.TJMTaux journalier moyen : ce que tu factures pour une journée de travail. Il se calcule à partir de ton revenu visé et de tes jours réellement facturables, pas au feeling.Transfert de siteLe transfert de site permet de déplacer un projet Webflow d’un espace de travail ou d’un compte à un autre. Cette fonctionnalité est utile pour collaborer avec d’autres équipes, transférer la propriété d’un site à un client ou réorganiser tes projets.TransformSection qui regroupe la rotation (en degrés) et le retournement horizontal/vertical d’un calque. On y trouve aussi le point d’origine pour pivoter autour d’un coin ou du centre.TransitionsLes transitions CSS permettent d’animer le changement de propriétés (couleur, taille, position) de manière fluide.TriggerÉvènement déclencheur d’une interaction (On Click, On Tap, While Hovering, After Delay, Key/Gamepad, etc.). Il écoute l’action de l’utilisateur pour initier le flux.Tunnel de paiementLe chemin du panier jusqu'au paiement encaissé. Chaque étape en plus fait perdre des acheteurs : on en enlève, on n'en ajoute pas.

V

V / H - flexLes options V (vertical) et H (horizontal) pour flex te permettent de contrôler l’axe principal d’un conteneur flex.Variable CollectionsPremier niveau d’organisation des variables : chaque collection regroupe des tokens dédiés à un produit, une plateforme ou une bibliothèque.Variable GroupsSous‑regroupements logiques à l’intérieur d’une collection (ex. « Brand/Primary », « Neutral/Light ») qui facilitent la navigation et la maintenance.Variable ModesVariantes parallèles d’un même jeu de variables (Light / Dark, iOS / Android). Chaque mode propose des valeurs différentes mais partage la même structure.VariablesFonctionnalité introduisant des « design tokens » dynamiques : couleurs, nombres, chaînes, booléens. Elle permet de piloter thèmes, modes et états depuis un même panneau.Variables de composantsLes 'Variables de composants' sont des valeurs dynamiques (texte, nombres, booléens) que tu définis dans le panneau Data.Variantes de composantsLes 'Variantes de composants' utilisent Framer Motion pour définir plusieurs états (variants) d’un même composant, comme 'initial', 'hover', 'tap' ou 'exit'.VideoLe composant 'Video' importe et intègre des fichiers vidéo (MP4, WebM) ou des flux HLS. Tu contrôles la lecture (autoplay, loop, muted), affiches ou caches les contrôles natifs et peux superposer des éléments interactifs ou des animations…VidéoLe composant vidéo te permet d’intégrer des vidéos hébergées sur YouTube, Vimeo ou directement en MP4. Tu peux configurer la lecture automatique, le contrôle des lecteurs et l’arrière-plan vidéo plein écran.VisibilitéLa propriété ‘Visibilité’ (CSS visibility) masque ou affiche un élément sans modifier l’espace occupé. Tu peux basculer entre visible, hidden ou collapse pour gérer les affichages dynamiques.VW et VHLes unités vw (viewport width) et vh (viewport height) sont basées sur les dimensions de la fenêtre du navigateur : 1vw équivaut à 1% de la largeur du viewport, 1vh à 1% de la hauteur.

W

WebhookPoint de connexion web défini pour recevoir automatiquement des notifications lorsqu’un certain événement survient.WeightLa propriété ‘Weight’ ajuste l’épaisseur du texte (light, regular, bold, etc.), permettant de varier l’impact visuel et de hiérarchiser l’information via la force du contraste typographique.While page is scrollingActive des animations en continu pendant que la page défile, sans se limiter à un élément précis. Il mesure la progression globale du scroll et transmet des valeurs de 0 à 100 %, permettant de synchroniser des animations globales comme des barres de…While scrolling in viewDéclencheur continu qui agit tant qu’un élément reste visible pendant le défilement. Il transmet le pourcentage de visibilité, permettant des animations proportionnelles (parallaxe, changement de couleur) synchronisées avec le scroll de la page.WidgetPetit module fonctionnel pouvant être intégré dans une interface utilisateur pour offrir une fonctionnalité spécifique.Width & HeightLes contrôles ‘Width & Height’ permettent de définir ou de contraindre la taille d’un élément en pixels, % ou unités viewport (vw, vh).Width et HeightLes propriétés CSS « width » (largeur) et « height » (hauteur) définissent respectivement la largeur et la hauteur d’un élément.WireframerOutil d'intelligence artificielle qui crée des pages pré‑construits et qui crée une nouvelle page dans l’arborescence du site.WrapLe ‘Wrap’ active le passage d’une nouvelle ligne ou colonne lorsqu’il n’y a plus d’espace disponible. Essentiel pour créer des galeries d’images ou des listes d’articles qui se réorganisent automatiquement selon la taille du container.WYSIWYGAcronyme de What You See Is What You Get (« ce que tu vois est ce que tu obtiens »). Il désigne une interface d’édition visuelle où le contenu affiché pendant la création correspondra fidèlement au rendu final.

FIN DE L'INDEX NO-CODE

Retour en haut

/ SE FORMER

Tu connais les mots.
Apprends à t'en servir.

Nos formations reprennent chacun de ces termes en pratique, projet par projet. Accès à vie.

Voir les formations

★ ★ ★ ★ ★ 4,9/5 · 86 AVIS

/ AUTRES COLLECTIONS

Le vocabulaire des autres univers,
au même endroit.

/ WEBFLOW106 termes WebflowLayout, CMS, interactions, publication : le vocabulaire du Designer.Explorer/ FIGMA55 termes FigmaAuto-layout, variants, contraintes : le vocabulaire de la maquette.Explorer/ FRAMER129 termes FramerComposants, variables, effets : le vocabulaire du site animé.Explorer