Post de Matcha

petit tips pour accéder aux nouveautés figma 👀

Mes amoureux de Figma... Voici un court récap des nouveaux features pépites (2024) sorties il y a quelques semaines. (Je vous prépare une vidéo détaillée sur Figma AI, c’est un énorme step up pour Figma. Beaucoup de choses à tester et à dire) -> Figma AI : Des fonctionnalités d'intelligence artificielle pour booster notre créativité et automatiser les tâches répétitives. -> Figma Slides : Un outil de présentation intégré qui rend nos présentations aussi belles que nos designs. -> Mode Dev amélioré : Des outils qui facilitent la collaboration entre designers et développeurs, rendant le processus de passage de la conception au développement plus fluide. -> Nouvelle interface UI3 : Une interface repensée pour être plus fluide, ergonomique et intuitive. -> Designs améliorés : Des mises à jour qui rendent la conception plus efficace et réactive, avec une meilleure adaptation aux différents appareils. Hypé par Figma AI ! 🎉

Vous voulez avoir accès aux nouveautés annoncé par Figma ? Vous pouvez faire la demande ! Sur un fichier figma, cliquez sur le "?" en bas à droite, et cliquez sur "Join UI3 + AI waitlist"

L'ajout de l'intelligence artificielle pour vos projets de conception représente une opportunité révolutionnaire pour votre processus de création. 💡 Vous pouvez profiter d'une sélection de 5 plugins Figma alimentés par l'IA, méticuleusement conçus pour enrichir votre expérience de conception et dynamiser votre créativité, tout en optimisant votre temps. 🚀 C'est le moment idéal pour découvrir ces outils récents qui vous aideront à insérer efficacement l'IA dans votre processus de travail, favorisant ainsi l'augmentation de la productivité de votre équipe et la création de designs sur Figma. 🎨

🚀 Figma est un incontournable de notre processus créa. Avec la #CONFIG2024, nous avons pu assister à des conférences qui ont été très instructives : tant au niveau du software, de ses évolutions et améliorations, qu'au niveau des témoignages d'agences, créatifs et développeurs présents qui ont pu expliquer et illustrer leurs workflows. A l'issue de ces 2 jours passionnants et inspirants, notre Design Director Dino Zara retient 4 grands axes d'évolutions à venir, à travers de nouvelles fonctionnalités et améliorations qui viendront sans aucun doute révolutionner le design et la collaboration 🤩   1️⃣ 𝐔𝐈𝟑 : Nouvelle interface pour une expérience utilisateur optimale.  2️⃣ 𝐅𝐢𝐠𝐦𝐚 𝐀𝐈 : Intégration d'intelligence artificielle pour des workflows de design avancés.  3️⃣ 𝐃𝐞𝐯 𝐌𝐨𝐝𝐞 : Collaboration renforcée entre designers et développeurs.  4️⃣ 𝐅𝐢𝐠𝐦𝐚 𝐒𝐥𝐢𝐝𝐞𝐬 : Créer des présentations interactives et percutantes.   ➡️ Une grande ligne directrice : rendre le processus de design plus intuitif, accessible et efficace !   Notre équipe trépigne d'impatience de pouvoir tester toutes ces nouveautés sur vos projets ! 🎨💡    #FigmaCONFIG #Webdesign #CollaborationCréative #FigmaAI

Bonjour à tous 👋, Pour bien finir la semaine, je tenais à partager avec vous 5 plugins Figma qui ont particulièrement retenu mon attention cette semaine. 🚀 Ils représentent un parfait mélange d'intelligence artificielle, de Webflow & de Design System !! ça peut être une valeur ajoutée et un gain de temps pour certains de vos projets. L'objectif de cette sélection est de pouvoir optimiser notre flux de travail et libérer notre créativité. 🌈✨ ➡️ Liens des plugins en commentaire. Je suis curieux de connaître vos avis et de voir comment vous pourriez les intégrer dans vos projets ! Bonne fin de semaine à tous 🌟 #Figma #DesignSystem #Webflow #IntelligenceArtificielle #InnovationDesign

Avec Lonestone j'ai animé un talk pour Friends of Figma, Paris et je me suis rendu compte que beaucoup étaient passés à côté des fonctionnalités d'intelligence artificielle de Figjam 🥸 En Product Strategy, Research, Management et même Design... J'ai rencontré autour de moi de deux grands problèmes : - Le manque de temps - Le manque de "créativité" #thinkoutthebox L'IA ma personnellement permis d'optimiser dans le bon sens ces deux points et de commencer une veille assidu, l'idée est de l'appliquer au maximum dans les projets de nos clients. En commentaire la vidéo, retrouvez : 🤖 Des canvas d'aide pour les Product Strategist, Researcher et Manager 🤖 Des prompts gratoss 🤖 Des tips pour mieux utiliser l'IA Figjam 🤖 Des widgets comme Jambot (🔥) 🤖 Des ressources, données... Les retours du live ont été très bons, si ce type de contenu vous intéresse, n'hésitez pas à liker j'orienterais mes prochains posts sur le sujet. ✌️

💬 𝐐𝐮𝐞𝐬𝐭𝐢𝐨𝐧 𝐚𝐮𝐱 𝐝𝐞𝐯𝐬 𝐪𝐮𝐢 𝐮𝐭𝐢𝐥𝐢𝐬𝐞𝐧𝐭 𝐒𝐭𝐨𝐫𝐲𝐛𝐨𝐨𝐤: Comment faites-vous pour architecturer vos apps afin que vos stories soient les plus dynamiques possible, et donc testables au plus près des conditions réelles ? 🚀 L’idée est de rendre les composants aussi proches que possible des use cases auxquels ils sont confrontés en prod. Comment organisez-vous vos fichiers et quelles sont les meilleures pratiques pour : • Mocker les API et rendre les stories interactives • Gérer les états complexes (authentification, utilisateur connecté/déconnecté) • Assurer que les props dynamiques se comportent comme prévu. 💡 𝐏𝐨𝐮𝐫 𝐦𝐚 𝐩𝐚𝐫𝐭: J’ai adopté quelques stratégies qui me permettent de maximiser la réutilisabilité des stories tout en simulant des conditions proches du réel : 1. Utilisation des Decorators pour simuler des environnements complexes comme une page avec un utilisateur authentifié ou un flux d’API mocké. 2. Centralisation des mocks : J’utilise une configuration Storybook où tous les mocks d’API sont centralisés et modifiables dans les controls. Ça permet de tester différents scénarios sans modifier chaque story. 3. Isolation des composants : Je m’assure que mes composants sont découplés des services externes (comme Redux ou les API) et que je peux injecter des données mockées via les props. Ça permet de tester différents scénarios sans avoir à mocker tout un backend. 4. Add-ons Storybook : Des add-ons comme Storybook Controls permettent de jouer avec les props en temps réel, ce qui rend les tests beaucoup plus dynamiques et proches de la réalité. 5. Tests visuels : J’utilise aussi des tests visuels (avec des outils comme Chromatic) pour capturer les différentes variations des composants, ce qui permet de s’assurer que chaque changement visuel est validé. 👉 Et vous, quelles sont vos pratiques pour architecturer vos apps avec Storybook et rendre les stories aussi dynamiques que possible ? 👇

#LookerStudio New Release ! ☕ On l'attendait et ce chart va enfin vous simplifier la vie pour créer un funnel en 2 seconde. - Voilà mon premier feedback pour une information lisible et un design sympa en image. - Le chart fonctionne avec une dimension "step" qui distribue une métrique et non pas avec une table pivotée (et donc une colonne par step) ce qui pourrait être un avantage pour certaines modélisations. - Quelques bug UI : si votre funnel n'est pas la visualisation principale de votre page et que vous réduisez sa taille, les valeurs seront coupées sur les bords du widget. Merci Sean Zinsmeister et la team Studio 😃

C’est parti pour le récap de la config 2024🔥 1️⃣ Nouvelle UI ! Il était temps de rafraîchir tout ça ! Une interface plus moderne et minimaliste et surtout la barre d’action qui est maintenant placée en bas au centre de l’écran laissant plus de place au canva 2️⃣ Auto-Layout instantané ! Un clic droit et hop Figma te crée tout seul les bons auto-layouts qu’il faut ! (Ce qui ne te dispense pas de comprendre comment ça marche 😉) Petit bonus tu peux forcer les positon absolute dans un AL en maintenant « ctrl » 3️⃣ Nouvelle gestion admin, il est désormais plus facile de gérer les projets entre différents Workspaces et les autorisations ce qui devrait éviter quelques mauvaises surprises 😅 4️⃣ Nouveau flow pour le dev mode une des mes nouveautés préférées ! Meilleure gestion des allers retours avec les dev fin de la bêta de code Connect je vous en reparle vite ! 5️⃣ last but not least on le voyait venir ! L’intelligence Artificielle arrive dans Figma les possibilités sont nombreuses et toutes aussi impressionnantes ! - création de mockup sur la base d’un prompt - traductions auto - data auto - Renaming de layers 🤩 6️⃣ Et des tas d’autres nouveautés comme dessiner une icône et la retouver comme par magie dans sa lib. Chercher un screen sur la base de son contenu, prototypage automatique 😍 7️⃣ Figma Slides la grosse surprise ! Vous êtes nombreux et nous aussi chez The Cacatoès Theory à faire vos prez sur Figma ! Un nouvel outil dédié est désormais disponible franchement bien foutu ! 8️⃣ On vous prépare un vlog aux petits oignons et un react pour la semaine prochaine 9️⃣ Dylan Field ♥️ Cacatoes 😉