Bienvenue dans No code news de juillet ! Nos serveurs brûlent autant que nos mains sur nos ordinateurs. Avec la chaleur qui affecte notre travail, prenez une petite pause de cinq minutes avec nos news no code.
Ce mois-ci, nous parlons de ConFig, Flutterflow, Webflow, Bubble, Airtable et de la découverte Fastgen du mois. Bonne lecture !
Figma
Voici un résumé clair et concis des nouvelles fonctionnalités annoncées lors de la conférence annuelle des utilisateurs de Figma, Config 2023 :
Composante variable :
- Possibilité de créer des pré-sets pour vos composants (par exemple, les pré-sets du corner radius ou les pré-sets d'espacement, etc.)
- Nouvelle vue en tableau pour voir toutes les variations de vos composants
- Possibilité de configurer des modes de couleur (par exemple, mode clair, mode foncé, etc.)
- Possibilité de configurer plusieurs modes d'affichage (par exemple, tableau compact, tableau "aéré")
- Possibilité de configurer une langue pour les écrans
- Plusieurs tailles d'écran peuvent être configurées
Résumé : les composants peuvent désormais être créés avec des variantes couleur, nombre, string, booléen, collection, aliasing, mode, scoping et inheritance.
Autolayout (mise en page automatique) :
- Ajouter les largeurs maximale et minimale à l'autolayout
- Autolayout : insérez des objets grâce à la mise en page automatique, possibilité de wrap tes éléments en autolayout.
Résumé : possibilité de réaliser plus facilement des design responsive
Modification du prototype :
- Le prototypage avancé de Figma permet de créer des prototypes réalistes avec moins d'images en utilisant des variables, des expressions mathématiques et des actions multiples.
- Ajouter une Base de données avec plusieurs variables
- Possibilité de créer des interactions via des variables (par exemple, sur un site d'e-commerce, si je clique sur ajouter au panier, là le nombre à côté du panier augmentera automatiquement de 1).
- Possibilité d’ouvrir le mode preview dans un pop up sur la même page que la maquette.
- Possibilité de naviguer vers différentes pages en fonction d'une variable (par exemple, si mon panier est vide → naviguer vers la page "panier vide", sinon aller vers la page "panier rempli").
Résumé : Les prototypes dans Figma pourront aller encore plus loin avec la possibilité de créer des variables et des algos très simples.
Dev Mode : Un nouvel espace pour faciliter le travail de développement.
- Possibilité d'ajouter une section "prêt pour le développement".
- Vue spécifique pour les développeurs
- Possibilité de voir quand les écrans ont été modifiés pour la dernière fois
- État de la section : identifier les cadres prêts à être développés.
- Nouvelle vue "compare changes" qui permet de regarder ce qui a changé sur un écran entre 2 versions.
- Vue component playground qui permet de voir un composant et toutes ses variantes, cliquez sur des objets pour obtenir des informations détaillées.
- Lier Figma à Jira, GitHub et VS Code
- Copier le code CSS, iOS ou Android de Figma
Résumé : Figma sort une nouvelle vue spéciale Dev. Vous pourrez naviguer dans les pages, obtenir plus de détails sur chaque élément (comme les marges, le padding et la taille), changer l'unité de mesure (de px à rem, etc.) et plus encore. Et surtout, vous aurez une indication des pages qui sont prêtes à être développées, avec la possibilité de voir les dernières modifications apportées sur un seul écran.
FlutterFlow
AI Gen pour tous les utilisateurs
Découvrez l'IA gen de Flutterflow qui va révolutionner encore un peu plus le monde du développement web. Vous pouvez désormais tester l'IA de Flutterflow avec ses différentes fonctions de génération. D'une simple demande écrite, vous pouvez générer : une page, un composant, un thème, un schéma et le code.
L'IA est une véritable révolution et limitera les allers-retours fréquents en cas de bugs ou d'incohérences. Tout est réglé rapidement et sans tracas !
Autres améliorations :
Voici un résumé des nouvelles fonctionnalités de FlutterFlow :
- Action de requête Firestore : Vous pouvez désormais déclencher une requête Firestore pour charger les données pertinentes lorsque cela est nécessaire, ce qui permet une expérience plus efficace et plus réactive.
- Widget d'en-tête collant : L'en-tête collant reste fixe en haut de l'écran tandis que le reste du contenu défile en dessous, ce qui vous permet de voir rapidement les informations importantes à partir du menu fixe.
- Enregistrement audio : Actions pour démarrer et arrêter l'enregistrement audio, facilitant l'intégration d'interactions vocales dans votre application.
- Espacement plus facile entre les éléments : Gérez manuellement l'espacement entre les éléments.
- Recherche d'images dans Unsplash : l'intégration d'Unsplash facilite la recherche et l'ajout d'images de FlutterFlow.
Webflow
Les récentes mises à jour et améliorations de Webflow, qui comprennent diverses fonctionnalités et améliorations, telles que :
Mise à jour de Google Analytics 4 pour la transition vers Webflow
Pour vous aider dans le processus de transition, nous avons créé un tutoriel vidéo consacré à ce changement.
Créez plus rapidement avec...
- AI Search est disponible en version bêta : lors de la création, vous pouvez accéder à un assistant à tout moment dans le constructeur.
- Accélérez votre processus de création grâce à l'élément Quick Stack, qui propose des pré-sets de mise en page et des contrôles visuels pour créer rapidement des structures courantes, tout en conservant l'accès à CSS Grid pour les projets plus avancés.
Collaboration :
Webflow investit actuellement de plus en plus dans le développement et l'ergonomie de la collaboration sur sa plateforme.
- Simplifiez les autorisations de publication grâce à un nouveau bouton de basculement. Cette fonctionnalité permet de contrôler plus précisément qui peut publier votre site en accordant ou en supprimant rapidement les autorisations de publication pour chaque membre de l'espace de travail, quel que soit son rôle.
- Centraliser les commentaires directement dans le Designer Les membres de l'espace de travail peuvent laisser des commentaires et des réponses dans le Designer afin d'accélérer le processus de création et d'itérer plus rapidement avec leurs coéquipiers. Webflow va bientôt intégrer un rôle de commentateur gratuit afin d'inviter davantage de personnes à laisser des commentaires sur les designs.
Il est intéressant de voir l'accent mis par Webflow sur l'incorporation des commentaires de la communauté, l'extension de l'expérience de base du designer et l'intégration de l'IA dans leur plateforme. Ces mises à jour visent à améliorer l'expérience de construction de site web et à offrir de nouvelles fonctionnalités aux utilisateurs de Webflow.
Bubble
Voici les principales nouveautés de Bubble ce mois-ci :
- Privacy rules améliorées : La version 23 de Bubble inclut des ajustements des privacy rules, ce qui permet aux utilisateurs de mieux contrôler les données visibles par leurs utilisateurs finaux.
- L'API v4 est officiellement disponible: La version alpha publique de l'API Bubble v4, qui passe au nœud 18, est désormais officiellement disponible. Les utilisateurs qui utilisent des plugins avec des actions côté serveur devront migrer vers la version 4 d'ici le 4 janvier 2024.
- Paramètres de l'URL de redirection pour OAuth 2.0 : Les utilisateurs qui se connectent à un service de connexion en utilisant le flux OAuth 2.0 User-Agent peuvent désormais ajouter des paramètres à l'URL de redirection de la connexion, ce qui leur permet de se connecter à certains services supplémentaires qui étaient auparavant incompatibles avec l'API Connector de Bubble.
- Améliorations de convivialité de l'éditeur : Plusieurs améliorations ont été apportées à l'éditeur de Bubble, notamment l'ajustement automatique du format d'image pour correspondre à l'image téléchargée, des champs de recherche dans les onglets Données et des légendes de fusion plus lisibles pour le connecteur API.
- Pages de cas d'utilisation : trois nouvelles pages de cas d'utilisation ont été ajoutées à la page d'accueil de Bubble, mettant en évidence la proposition de valeur de Bubble pour les fondateurs, les entreprises et les développeurs.
- Amélioration des performances : deux indicateurs de fonctionnalité ont été ajoutés aux paramètres expérimentaux, notamment l'amélioration du chargement des pages et la réduction de la consommation de mémoire pour l'éditeur et le mode d'exécution.
Airtable
Chez Airtable, les nouveautés de ce mois-ci sont la réorganisation de l'espace de travail et la barre de progression :
L'écran d'accueil redessiné d'Airtable facilite la découverte des applications en donnant un accès rapide aux applications récemment utilisées et en épinglant les applications essentielles de l'équipe. De plus, la fonction étoile (favoris) permet de s'organiser en fonction de ses préférences. Les espaces de travail sont également mieux organisés sous chaque base et interface, ce qui est particulièrement utile pour les grandes organisations.
Les nouvelles barres de progression d'Airtable vous permettent de suivre la progression de vos tâches, projets et OKR. Elles peuvent être affichées pour les champs formatés en pourcentage, y compris les champs en pourcentage et les champs calculés. De plus, vous pouvez personnaliser la couleur des barres en fonction de critères spécifiques, ce qui facilite la visualisation de l'état des projets au fil du temps. Vous pouvez ainsi suivre avec précision l'évolution des projets et prendre des décisions en connaissance de cause.
Découverte du mois : Fastgen
Fastgen est une plateforme de développement low code récemment créée par David Nordhausen, Constantin Schreiber et Mike Mahlkow. Elle propose une solution complète pour le développement rapide de backends, de workflows, d'API et de base de données. Grâce à une interface visuelle conviviale, Fastgen permet aux utilisateurs de créer des API REST, d'effectuer des opérations CRUD et de construire des workflows personnalisés, tels que des séquences email et des processus de paiement. Cette plateforme est un constructeur de flux Web, mais pour le backend.
La force de Fastgen réside dans son infrastructure robuste qui assure automatiquement la mise à l'échelle, éliminant ainsi le problème de l'approvisionnement et de la maintenance de services tiers. Les utilisateurs peuvent bénéficier d'un accès direct à la base de données, d'une recherche globale et de la création d'interfaces administratives personnalisées. De plus, Fastgen propose des fonctionnalités pratiques telles que l'auto-synchronisation des configurations dans les fichiers YAML, ce qui permet un déploiement rapide des applications répétitives workflows.
L'outil dispose également d'une option de collaboration et permet un accès direct pour saisir, modifier ou supprimer des enregistrements de données, tout en contrôlant l'accès par le biais de groupes de permissions.
Fastgen vient d'ouvrir sa version Beta et attend d'être testé.
Noxcod aide les entreprises à former leurs équipes au No Code, que ce soit par la formation, le coaching ou même la création d'applications pour vous. L'équipe de Noxcod vous guidera et vous fournira les bases du développement de No Code.
C'est tout pour les news de juillet, et nous vous donnons rendez-vous le mois prochain pour la prochaine édition de Nocode News.
