# Beryl Design

> Blog UX/UI design : tutoriels de plugins Figma, tendances d'interface, et ressources design (templates, kits UI, packs d'icônes) à télécharger. Site bilingue français (par défaut) et anglais (sous /en/).

- Site (FR) : https://www.beryldesign.fr/
- Site (EN) : https://www.beryldesign.fr/en
- Plan du site (XML) : https://www.beryldesign.fr/sitemap-index.xml

## Articles (FR)
- [Ce que les jeux idle apprennent à l'UX produit](https://www.beryldesign.fr/post/jeux-idle-ux-produit-boucles-progression): Boucle de compulsion, jauges de progression, états vides jamais vides : ce que Cookie Clicker et les jeux idle enseignent à la conception produit.
- [Neuro-inclusion en UX : concevoir pour TDAH, dyslexie et autisme](https://www.beryldesign.fr/post/neuro-inclusion-ux-tdah-dyslexie-autisme): Au-delà du contraste et du clavier : ce que le W3C WAI et la British Dyslexia Association recommandent pour réduire la charge cognitive en interface.
- [Forge of Empires : les 3 premières minutes de jeu, décryptées](https://www.beryldesign.fr/post/forge-of-empires-premieres-minutes-onboarding): Serveur, monde, tutoriel, diamants : trois décisions prises dans les 15 premières minutes de Forge of Empires, et ce que l'interface n'explique jamais.
- [Neptune's Pride : le jeu spatial qui a supprimé l'interface](https://www.beryldesign.fr/post/neptunes-pride-jeu-navigateur-sans-interface): Neptune's Pride a retiré tout menu d'alliance dès 2010 : une carte, des étoiles, des flottes. Une leçon face à OGame et Forge of Empires.
- [Plugins Figma par tâche en 2026 : le guide pour choisir sans se perdre](https://www.beryldesign.fr/post/plugins-figma-par-tache-guide-2026): Plus de 80 plugins Figma classés par tâche : couleurs, typographie, vecteurs, nettoyage de fichier, design system, mockups — avec un lien vers l'analyse de chacun.
- [Styles d'interface nommés : bento, néo-brutalisme, neumorphisme](https://www.beryldesign.fr/post/styles-interface-nommes-guide-2026): Bento, néo-brutalisme, neumorphisme, Liquid Glass : la chronologie des styles d'interface nommés, et comment choisir le bon selon votre marque.
- [IA appliquée au design en 2026 : le guide pour choisir](https://www.beryldesign.fr/post/ia-design-guide-2026): Notre grille de choix pour adopter un générateur d'interface IA en 2026 : fidélité au design system, vrai code, public cible, confidentialité des données.
- [Adobe XD, Figma ou Penpot pour la collaboration en temps réel](https://www.beryldesign.fr/post/adobe-xd-figma-penpot-collaboration-temps-reel): Adobe XD est en mode maintenance depuis 2023 : voici pourquoi il ne compte plus, et comment Figma et Penpot se comparent en collaboration temps réel en 2026.
- [Comparatifs d'outils de design en 2026 : comment choisir](https://www.beryldesign.fr/post/comparatifs-outils-design-guide-2026): Notre grille de choix pour comparer les outils de design en 2026 : coût réel, auto-hébergement, écosystème de plugins et handoff développeur.
- [Dynasty Nova : les 3 premières minutes de jeu, décryptées](https://www.beryldesign.fr/post/dynasty-nova-premieres-minutes-onboarding): Choix d'univers, fiche de vitesse, première planète : comment Dynasty Nova a conçu ses trois premières minutes de jeu pour éviter le syndrome du tutoriel générique.
- [Alliances et diplomatie dans les jeux par navigateur](https://www.beryldesign.fr/post/alliances-diplomatie-jeux-navigateur-ux): OGame, Forge of Empires, Politics & War : trois façons de traiter la diplomatie entre joueurs — comparatif UX des systèmes d'alliance en 2026.
- [Jeu par navigateur en 2026 : le guide UX complet pour bien choisir](https://www.beryldesign.fr/post/jeu-par-navigateur-guide-ux-2026): Notre grille de lecture UX pour choisir un jeu par navigateur (PBBG) en 2026 : onboarding, monétisation, arbre technologique et UX mobile.
- [Uizard : le générateur IA pensé pour ceux qui n'ont jamais ouvert Figma](https://www.beryldesign.fr/post/uizard-figma-make-non-designers): Uizard transforme un prompt ou un croquis en prototype multi-écrans, sans compétence design. Notre test : forces, limites et pour qui c'est vraiment fait.
- [v0 de Vercel : le générateur d'interfaces IA qui produit du vrai code](https://www.beryldesign.fr/post/v0-vercel-generateur-interfaces-ia): v0 de Vercel transforme un prompt en composants React/Next.js prêts pour la production. Notre test face à Figma Make et Framer : ce qui change vraiment.
- [IA générative pour icônes et illustrations : remplace-t-elle vraiment les packs payants en 2026 ?](https://www.beryldesign.fr/post/icones-illustrations-ia-generative-2026): Recraft V4, sets d'icônes cohérents, stack IA d'agence : trois usages concrets pour savoir si l'IA générative remplace vraiment les banques d'icônes et d'illustrations payantes en 2026.
- [IA et design en 2026 : générer une interface sans perdre la main](https://www.beryldesign.fr/post/generateurs-interfaces-ia-2026): Magic Patterns et la chaîne d'outils IA d'un designer en 2026 : deux vidéos qui montrent comment générer une interface sans perdre la main sur sa marque.
- [Liquid Glass vs Material 3 Expressive : les deux langages d'interface qui redéfinissent 2026](https://www.beryldesign.fr/post/liquid-glass-vs-material-3-expressive): Liquid Glass vs Material 3 Expressive : la stabilité invisible d'Apple face à la physique du mouvement et la personnalisation de Google en 2026.
- [Design tokens : ce que change vraiment le nouveau standard W3C DTCG](https://www.beryldesign.fr/post/design-tokens-w3c-dtcg): La spec W3C Design Tokens Format Module (DTCG) est stable depuis fin 2025, soutenue par 24+ organisations. Ce qui change vraiment pour vos design systems.
- [Framer vs Webflow en 2026 : quel no-code choisir face à la vague IA ?](https://www.beryldesign.fr/post/framer-vs-webflow-2026): Framer ou Webflow en 2026 ? Design, IA (Wireframer, Workshop), CMS et tarifs : notre comparatif honnête pour choisir le bon outil no-code selon votre usage.
- [Vibe coding : quel impact sur le métier de designer en 2026 ?](https://www.beryldesign.fr/post/vibe-coding-impact-metier-designer): Vibe coding : entre la fin des silos, un designer de logos qui capitule et un workflow Figma-Claude reconstruit, ce qui change vraiment pour les designers.
- [Forge of Empires : quand la complexité du jeu devient un problème d'UX](https://www.beryldesign.fr/post/forge-of-empires-ux-teardown): Douze ans de systèmes empilés ont rendu Forge of Empires illisible sans guides externes. Analyse UX de l'onboarding, de la refonte des Grands Monuments et de ce que Dynasty Nova fait différemment.
- [Compétences IA du designer en 2026 : ce qui compte vraiment pour durer](https://www.beryldesign.fr/post/competences-ia-designer-2026): 70% des postes de design menacés d'ici 2030 ? Ce que montrent 3 analyses du marché 2026 : ce qui devient une commodité, les niches qui explosent, et ce que l'IA ne remplace pas.
- [Google Stitch face à Figma Make : le comparatif des générateurs d'interfaces IA en 2026](https://www.beryldesign.fr/post/google-stitch-vs-figma-make): Google Stitch, le générateur d'interfaces IA gratuit de Google, comparé à Figma Make et Claude Design : design system, export Figma, code, limites. Le test complet.
- [Shader Fills & Weave : l'IA générative arrive sur le canvas Figma](https://www.beryldesign.fr/post/figma-shader-fills-weave-ia-generative): Shader fills, shader effects et Weave : comment Config 2026 fait entrer la génération IA directement dans le canevas Figma, sans jamais changer d'outil.
- [Figma Agent et MCP : le guide complet pour connecter l'IA à votre design system](https://www.beryldesign.fr/post/figma-agent-mcp-guide): Figma Agent et MCP en pratique : connecteurs Notion/GitHub, Custom Skills, et le pont vers Cursor pour transformer un design en code qui fonctionne vraiment.
- [Figma Motion, Jitter, Rive ou Lottie : quel outil d'animation choisir en 2026 ?](https://www.beryldesign.fr/post/figma-motion-vs-rive-jitter-lottie): Figma Motion peut-il remplacer Jitter, Rive et Lottie ? Comparatif concret pour choisir le bon outil d'animation selon votre besoin en 2026.
- [Figma Make, Framer ou Lovable : quel outil d'IA choisir pour designer en 2026 ?](https://www.beryldesign.fr/post/figma-make-framer-lovable-ia): Figma Make, Framer ou Lovable pour designer avec l'IA en 2026 ? Trois tests concrets (onboarding, marketplace, site vitrine) pour choisir le bon outil selon votre besoin.
- [Astro Nova devient Dynasty Nova : pourquoi renommer son jeu en pleine bêta](https://www.beryldesign.fr/post/astro-nova-devient-dynasty-nova-pourquoi-renommer-son-jeu): Retour d'expérience sur le rebranding d'Astro Nova en Dynasty Nova : conflit de marque, choix du nouveau nom et ce que ça implique en design d'identité pour un jeu en bêta.
- [Dynasty Nova : Pay-to-Fast plutôt que Pay-to-Win, l’UX d’une monétisation transparente](https://www.beryldesign.fr/post/dynasty-nova-pay-to-fast-plutot-que-pay-to-win-lux-dune-monetisation-transparente): Comment Dynasty Nova utilise le design d'interface pour tenir sa promesse "Pay-to-Fast, jamais Pay-to-Win" et construire la confiance des joueurs dès la boutique.
- [Dynasty Nova : repenser l’arbre technologique d’un jeu de gestion spatiale](https://www.beryldesign.fr/post/dynasty-nova-repenser-larbre-technologique-dun-jeu-de-gestion): Comment Dynasty Nova réorganise son arbre technologique par catégories (énergie, propulsion, défense…) pour simplifier une information complexe, un cas pratique d'UX de jeu de gestion.
- [Figma, Sketch ou Penpot : quel outil choisir pour une agence digitale en 2026 ?](https://www.beryldesign.fr/post/figma-sketch-penpot-agence-digitale): Notre comparaison Figma, Sketch ou Penpot pour une agence digitale en 2026 : coûts réels, auto-hébergement, design systems et handoff développeur.
- [HTML to Figma en 2026 : le guide complet pour importer un site web dans Figma](https://www.beryldesign.fr/post/html-to-figma-guide-complet-2026): HTML to Figma en 2026 : importer un site dans Figma avec html.to.design, contourner ses limites (Auto Layout, contenu dynamique) et l'IA générative en renfort.
- [Figma Config 2026 : Motion, Code Layers et Agent IA — tout ce qui change pour les designers](https://www.beryldesign.fr/post/figma-config-2026): Figma Config 2026 : animation native avec Figma Motion, Code Layers (design ↔ code sur le canevas), Agent IA + connecteurs MCP, plugins génératifs et shaders. Le décryptage complet.
- [Maîtriser l'Auto Layout sur Figma pour créer des interfaces dynamiques et des systèmes intelligents](https://www.beryldesign.fr/post/maitriser-lauto-layout-sur-figma-pour-creer-des-interfaces-dynamiques-et-des-systemes-intelligents): Fini le redimensionnement manuel. Apprenez à utiliser l'Auto Layout comme un pro : relations parent-enfant, Hug Content vs Fill Container, et structures imbriquées pour des designs ultra-flexibles.
- [Claude Design et la révolution du prototypage : du design system au site web fonctionnel](https://www.beryldesign.fr/post/claude-design-et-la-revolution-du-prototypage-du-design-system-au-site-web-fonctionnel): Découvrez comment Claude Design efface la frontière entre prompt et produit fini. Design Systems, landing pages haute fidélité et déploiement de code : l'IA devient votre agence de design intégrée.
- [Figma Design et Make : transformer des prompts en prototypes interactifs et fonctionnels avec l'IA](https://www.beryldesign.fr/post/figma-design-et-make-transformer-des-prompts-en-prototypes-interactifs-et-fonctionnels-avec-lia): Ne dessinez plus vos écrans, forgez-les. Découvrez comment coupler Figma Design et Figma Make pour transformer des prompts et des SVG en applications et jeux fonctionnels.
- [De Figma Make au produit final : comment l'IA transforme le design en applications interactives](https://www.beryldesign.fr/post/de-figma-make-au-produit-final-comment-lia-transforme-le-design-en-applications-interactives): Découvrez comment l'IA de Figma efface la frontière entre design et code. Apprenez à piloter vos prototypes, itérer avec précision et déployer des produits réels à partir de simples intentions.
- [Magic Animator : animez vos designs Figma en un clic grâce à l'IA](https://www.beryldesign.fr/post/magic-animator-animez-vos-designs-figma-en-un-clic-grace-a-lia): Magic Animator est un plugin Figma alimenté par IA qui anime vos designs statiques en un clic, génère plusieurs variantes et les exporte en GIF, MP4 ou Lottie pour un workflow rapide et professionnel.
- [Tendances UI Design 2026 : l’année de l’immersion, de l’émotion et de la précision](https://www.beryldesign.fr/post/tendances-ui-design-2026-lannee-de-limmersion-de-lemotion-et-de-la-precision): Découvrez les grandes tendances UI Design de 2026 : interfaces immersives, typographie expressive, 3D interactive, narration visuelle et minimalisme chaleureux. Une analyse orientée expérience, impact et maturité du design numérique.
- [Image Adjustments Copy & Paste : copiez vos réglages d’image en un clic sur Figma](https://www.beryldesign.fr/post/image-adjustments-copy-paste-copiez-vos-reglages-dimage-en-un-clic-sur-figma): Un plugin Figma simple et efficace pour harmoniser vos visuels : copiez les ajustements d’une image et collez-les sur une autre en ...
- [Change Text to Layer Name : synchronisez textes et noms de calque dans Figma](https://www.beryldesign.fr/post/change-text-to-layer-name-synchronisez-textes-et-noms-de-calque-dans-figma): Avec le plugin Figma “Change Text to Layer Name”, synchronisez en un clic le contenu d’un calque texte et son nom de calque, pour u...
- [Top 10 des meilleurs jeux par navigateur en 2025 (dont un made in France)](https://www.beryldesign.fr/post/top-10-des-meilleurs-jeux-par-navigateur-en-2025-dont-un-made-in-france): Idle, spatial ou stratégique : découvrez les meilleurs jeux par navigateur en 2025, avec Astro Nova, une pépite indépendante made i...
- [Pourquoi les jeux comme OGame fascinent encore 20 ans après](https://www.beryldesign.fr/post/pourquoi-les-jeux-comme-ogame-fascinent-encore-20-ans-apres): De l'âge d'or des PBBG aux héritiers modernes : comment OGame, Travian et Ikariam continuent d'inspirer une nouvelle génération de jeux de stratégie.
- [5 alternatives à OGame en 2025 — entre héritage rétro et renouveau design](https://www.beryldesign.fr/post/5-alternatives-a-ogame-en-2025----entre-heritage-retro-et-renouveau-design): Découvrez comment les jeux spatiaux par navigateur en 2025 allient design minimaliste, interfaces fluides et héritage rétro pour...
- [Gagner du temps dans Figma : renommer et paginer automatiquement vos slides avant export PDF](https://www.beryldesign.fr/post/gagner-du-temps-dans-figma-renommer-et-paginer-automatiquement-vos-slides-avant-export-pdf): Créez vos présentations directement dans Figma, renommez et numérotez vos slides automatiquement, puis exportez en PDF sans erreur...
- [Copy Color Value : un plugin Figma pour documenter plus vite vos couleurs](https://www.beryldesign.fr/post/copy-color-value-un-plugin-figma-pour-documenter-plus-vite-vos-couleurs): Le plugin Figma Copy Color Value facilite la documentation des couleurs : sélectionnez un calque, affichez toutes les couleurs...
- [Delete Hidden Layers : nettoyez vos fichiers Figma en un clic](https://www.beryldesign.fr/post/delete-hidden-layers-nettoyez-vos-fichiers-figma-en-un-clic): Le plugin Figma “Delete Hidden Layers” permet d’effacer tous les calques invisibles ou verrouillés (à l’exception des composants),...
- [Sort by Size : trier vos calques Figma par dimensions en un clic](https://www.beryldesign.fr/post/sort-by-size-trier-vos-calques-figma-par-dimensions-en-un-clic): Le plugin Figma “Sort by Size” permet de trier les calques selon leur largeur, hauteur ou surface, puis de les disposer en une lign...
- [Krea.ai : quand l’intelligence artificielle réinvente la créativité visuelle](https://www.beryldesign.fr/post/krea-ai-quand-lintelligence-artificielle-reinvente-la-creativite-visuelle): Krea.ai génère des images par IA en temps réel : visuels, logos, textures. Retour d’expérience, usages concrets et astuces pour les designers.
- [Close Path : Fermez vos tracés vectoriels en un clic](https://www.beryldesign.fr/post/close-path-fermez-vos-traces-vectoriels-en-un-clic): Le plugin Figma “Close Path” simplifie la création de polygones en fermant automatiquement les tracés vectoriels sélectionnés.
- [Export Original Images : Récupérez vos visuels source en un clic](https://www.beryldesign.fr/post/export-original-images-recuperez-vos-visuels-source-en-un-clic): Le plugin Figma “Export Original Images” facilite l’extraction des images importées dans vos fichiers. Il récupère chaque image à s...
- [Copy & Rotate : Créez des motifs circulaires et des menus radiaux dans Figma](https://www.beryldesign.fr/post/copy-rotate-creez-des-motifs-circulaires-et-des-menus-radiaux-dans-figma): Le plugin Figma “Copy & Rotate” permet de générer des interfaces radiales : sélectionnez un élément, définissez le nombre de copies...
- [Annotate Design : Documentez vos maquettes en un éclair](https://www.beryldesign.fr/post/annotate-design-documentez-vos-maquettes-en-un-eclair): Le plugin Figma “Annotate Design” accélère votre workflow en vous offrant un moyen simple d’insérer des commentaires sur vos...
- [Vectorized (PNG to SVG) : Transformez vos images en vecteurs directement dans Figma](https://www.beryldesign.fr/post/vectorized-png-to-svg-transformez-vos-images-en-vecteurs-directement-dans-figma): Le plugin Figma “Vectorized (PNG to SVG)” convertit les images PNG, JPEG ou GIF en graphismes vectoriels directement dans votre...
- [Section Auto‑Resize with 200 px Margin : Automatisez l’espacement de vos sections dans Figma](https://www.beryldesign.fr/post/section-auto-resize-with-200-px-margin-automatisez-lespacement-de-vos-sections-dans-figma): Le plugin “Section Auto‑Resize with 200 px Margin” facilite l’organisation de vos fichiers Figma en ajustant la taille des sections...
- [Round to 8 : Harmonisez votre mise en page d’un simple clic](https://www.beryldesign.fr/post/round-to-8-harmonisez-votre-mise-en-page-dun-simple-clic): Le plugin Figma Round to 8 normalise vos layouts : arrondissez positions, tailles et espacements sur une grille de 8 px en un clic.
- [Marché du design : vers un retour des profils hybrides et techniques ?](https://www.beryldesign.fr/post/marche-du-design-vers-un-retour-des-profils-hybrides-et-techniques): Alors que les offres privilégient les product designers capables de maîtriser à la fois l’UX et l’UI, les profils de designers...
- [Astuce Figma : simplifiez la chasse aux couleurs sans être parasité](https://www.beryldesign.fr/post/astuce-figma-simplifiez-la-chasse-aux-couleurs-sans-etre-parasite): Dans Figma, la chasse aux couleurs non liées à des variables peut être perturbée par les logos et widgets multicolores. Découvrez u...
- [Figma : Contourner la limite de trois pages ? Anecdote et bonnes pratiques](https://www.beryldesign.fr/post/figma-contourner-la-limite-de-trois-pages-anecdote-et-bonnes-pratiques): Dans la version gratuite de Figma, les fichiers sont limités à trois pages. Certains contournent la règle en copiant un fichier...
- [InstaRelinker : Reconnectez vos composants distants en un clin d’œil](https://www.beryldesign.fr/post/instarelinker-reconnectez-vos-composants-distants-en-un-clin-doeil): Le plugin Figma “InstaRelinker” scanne vos fichiers et relie les instances de composants distants aux composants locaux...
- [Unused Styles Remover : Faites le ménage dans vos fichiers Figma](https://www.beryldesign.fr/post/unused-styles-remover-faites-le-menage-dans-vos-fichiers-figma): Le plugin Figma “Unused Styles Remover” vous permet d’analyser un fichier et d’éliminer les styles inutilisés (textes, couleurs,...
- [ARC – Bend your type ! : Courbez vos textes en un glissement de curseur dans Figma](https://www.beryldesign.fr/post/arc---bend-your-type-courbez-vos-textes-en-un-glissement-de-curseur-dans-figma): Le plugin “ARC – Bend your type !” permet de plier un texte en arc directement dans Figma. Sélectionnez votre calque, ajustez le...
- [Type Tool : Des textes circulaires et curvilignes directement dans Figma](https://www.beryldesign.fr/post/type-tool-des-textes-circulaires-et-curvilignes-directement-dans-figma): Le plugin Figma “Type Tool” propose deux modes : Cercle pour courber un texte autour d’un cercle, et Courbe pour aligner un texte s...
- [Alphredo : Créez des couleurs translucides cohérentes en un instant](https://www.beryldesign.fr/post/alphredo-creez-des-couleurs-translucides-coherentes-en-un-instant): Le plugin Figma “Alphredo” calcule l’opacité parfaite pour créer des couleurs transparentes homogènes. Insérez vos calques dans un...
- [Split Vectors : Simplifiez la découpe de vecteurs adans Figma](https://www.beryldesign.fr/post/split-vectors-simplifiez-la-decoupe-de-vecteurs-adans-figma): Le plugin Figma “Split Vectors” vous permet de scinder un vecteur en plusieurs éléments distincts. Choisissez la découpe par couleu...
- [uiGradients : Un arc‑en‑ciel de dégradés prêt à l’emploi dans Figma](https://www.beryldesign.fr/post/uigradients-un-arc-en-ciel-de-degrades-pret-a-lemploi-dans-figma): Le plugin uiGradients permet d’ajouter instantanément des dégradés issus de la bibliothèque uigradients à vos éléments Figma.
- [Grainy Gradient : Des dégradés texturés et élégants dans Figma](https://www.beryldesign.fr/post/grainy-gradient-des-degrades-textures-et-elegants-dans-figma): Le plugin Figma “Grainy Gradient” vous permet de générer facilement des dégradés lisses et texturés. Contrôlez la densité du grain,...
- [Text From Image : Extraire du texte en un clic dans Figma](https://www.beryldesign.fr/post/text-from-image-extraire-du-texte-en-un-clic-dans-figma): Le plugin Figma “Text From Image” utilise l’OCR pour extraire le texte d’un remplissage d’image et le copier automatiquement.
- [Easing Gradients : Le plugin Figma qui adoucit vos dégradés](https://www.beryldesign.fr/post/easing-gradients-le-plugin-figma-qui-adoucit-vos-degrades): Le plugin Figma Easing Gradients applique des courbes cubic‑bézier ou step pour lisser les transitions de vos dégradés. Idéal pour...
- [Comment Astronova réinvente l’univers visuel d’OGame pour créer sa propre identité](https://www.beryldesign.fr/post/comment-astronova-reinvente-lunivers-visuel-dogame-pour-creer-sa-propre-identite): Revivez l'expérience d'un jeu culte avec Astronova, fruit d'une refonte graphique moderne et optimisée mobile. Quand nostalgie et...
- [Utiliser l’intelligence artificielle comme assistant créatif : retour d’expérience sur Astronova](https://www.beryldesign.fr/post/utiliser-lintelligence-artificielle-comme-assistant-creatif-retour-dexperience-sur-astronova): L'IA comme copilote créatif dans le projet Astronova : une réinvention mobile d'un jeu de stratégie, boostée par l'intelligence...
- [Astronova : créer une UI mobile-first inspirée des meilleures pratiques](https://www.beryldesign.fr/post/astronova-creer-une-ui-mobile-first-inspiree-des-meilleures-pratiques): Astronova est un projet ambitieux qui repense l’UX/UI des jeux de gestion spatiaux en adoptant une approche mobile-first. De Tailwi...
- [OGame mobile : une UX sacrifiée ? Analyse critique d’une interface nostalgique](https://www.beryldesign.fr/post/ogame-mobile-une-ux-sacrifiee-analyse-critique-dune-interface-nostalgique): La version mobile d’OGame déçoit par son UX compressée et peu optimisée. Cet article analyse ses limites et raconte la naissance...
- [Astronova : Repenser OGame avec une expérience immersive et accessible pour les nostalgiques du jeu](https://www.beryldesign.fr/post/astronova-repenser-ogame-avec-une-experience-immersive-et-accessible-pour-les-nostalgiques-du-jeu): Astronova : un jeu de stratégie spatiale par navigateur inspiré d’OGame, repensé en UX-first. Un hommage moderne et accessible au genre PBBG.
- [Creatie.ai : L'outil de design assisté par l'intelligence artificielle](https://www.beryldesign.fr/post/creatie-ai-loutil-de-design-assiste-par-lintelligence-artificielle): Creatie.ai révolutionne le design avec l'IA. De l'idéation à la livraison, gagnez en efficacité et qualité grâce à ses outils...
- [Maximiser l’impact visuel avec les ratios d’images : Guide pratique pour la conception d’interfaces](https://www.beryldesign.fr/post/maximiser-limpact-visuel-avec-les-ratios-dimages-guide-pratique-pour-la-conception-dinterfaces): Découvrez l'impact des ratios d'images en conception d'interfaces. Guide pratique pour une expérience utilisateur fluide et une...
- [Améliorez la Qualité de vos Ombres Portées avec le Plugin Figma 'Beautiful Shadows'](https://www.beryldesign.fr/post/ameliorez-la-qualite-de-vos-ombres-portees-avec-le-plugin-figma-beautiful-shadows): Améliorez vos designs dans Figma grâce à Beautiful Shadows, un plugin simple et puissant pour créer des ombres esthétiques et...
- [Jitter : L’Outil d’Animation qui Révolutionne le Design](https://www.beryldesign.fr/post/jitter-loutil-danimation-qui-revolutionne-le-design): Jitter : l’outil d’animation en ligne simple et rapide. Importez vos maquettes Figma et créez des animations fluides, sans compétences en motion design.
- [Figjam vs Miro : Le Duel des Titans du Tableau Blanc Numérique](https://www.beryldesign.fr/post/figjam-vs-miro-le-duel-des-titans-du-tableau-blanc-numerique): Comparez Figjam et Miro pour vos projets collaboratifs. Découvrez leurs forces et faiblesses pour faire le meilleur choix en foncti...
- [Sketch vs. Figma : Comment le Leader Historique a Perdu son Trône](https://www.beryldesign.fr/post/sketch-vs-figma-comment-le-leader-historique-a-perdu-son-trone): Comparez Sketch et Figma. Découvrez pourquoi Figma a gagné en popularité et comment Sketch peut réagir face à cette concurrence.
- [Créez et Mettez à Jour Vos Guides de Style en Un Clic avec 'Automatic Style Guides'](https://www.beryldesign.fr/post/creez-et-mettez-a-jour-vos-guides-de-style-en-un-clic-avec-automatic-style-guides): Créez des guides de style professionnels en un clic grâce au plugin "Automatic Style Guides". Gagnez en efficacité et améliorez la...
- [Chute d'InVision : Leçon d'innovation et d'adaptation](https://www.beryldesign.fr/post/chute-dinvision-lecon-dinnovation-et-dadaptation): Comment un géant comme InVision a-t-il pu décliner ? Découvrez les raisons de sa chute et les leçons à retenir pour réussir dans le...
- [Le Néo-Brutalisme : Un Vent de Liberté dans le Design d’Interface](https://www.beryldesign.fr/post/le-neo-brutalisme-un-vent-de-liberte-dans-le-design-dinterface): Le néo-brutalisme en UI design : couleurs franches, contrastes bruts et formes assumées. Origines, principes et exemples de cette tendance qui ose.
- [Rive contre Lottie : Une Nouvelle Ère d'Animations Interactives et Dynamiques](https://www.beryldesign.fr/post/rive-contre-lottie-une-nouvelle-ere-danimations-interactives-et-dynamiques): Permettez aux concepteurs et aux développeurs de créer des expériences attrayantes pour le web, la téléphonie mobile et bien plus...
- [UI Colors App de Tailwind : Simplifiez la Création de Palettes de Couleurs](https://www.beryldesign.fr/post/ui-colors-app-de-tailwind-simplifiez-la-creation-de-palettes-de-couleurs): Générez de superbes palettes de couleurs, assurez l'accessibilité et rationalisez vos projets CSS Tailwind en toute simplicité.
- [Radix Colors : Un système de palette de couleurs polyvalent, esthétiques et accessibles](https://www.beryldesign.fr/post/radix-colors-un-systeme-de-palette-de-couleurs-polyvalent-esthetiques-et-accessibles): Radix Colors, le système de couleurs open-source, qui améliore vos conceptions web grâce à sa palette complète et ses fonctions...
- [L'Art du Design Web : Bento, Metro UI, Grid et Masonry](https://www.beryldesign.fr/post/lart-du-design-web-bento-metro-ui-grid-et-masonry): Améliorez la présentation de votre site web ! Découvrez Bento, Metro UI, Grid et Masonry, 4 styles de design aux fonctionnalités et...
- [Découvrez Hugeicons Pro : le Plugin Figma pour une Bibliothèque d'Icônes Époustouflante](https://www.beryldesign.fr/post/decouvrez-hugeicons-pro-le-plugin-figma-pour-une-bibliotheque-dicones-epoustouflante): Accédez à des millions d'icônes, personnalisez-les et gagnez du temps dans Figma. Hugeicons Pro : l'outil indispensable pour des...
- [SVG Grabber : Un Outil Essentiel pour les Graphistes et Développeurs Web](https://www.beryldesign.fr/post/svg-grabber-un-outil-essentiel-pour-les-graphistes-et-developpeurs-web): Récupérez des SVG de qualité à partir de sites web. Prévisualisez, téléchargez et intégrez-les facilement. Extension gratuite et op...
- [Optimisez vos designs vectoriels avec le nouveau plugin Fill Rule Editor pour Figma !](https://www.beryldesign.fr/post/optimisez-vos-designs-vectoriels-avec-le-nouveau-plugin-fill-rule-editor-pour-figma): Optimisez vos vecteurs Figma. Changez les règles de remplissage pour une compatibilité et un affichage parfaits. Essayez Fill Rule...
- [Penpot 2.0 : Révolutionnant la Conception Collaborative](https://www.beryldesign.fr/post/penpot-2-0-revolutionnant-la-conception-collaborative): Travaillez en équipe de manière fluide avec Penpot 2.0. Nouvelles fonctionnalités, interface intuitive et code HTML intégré pour...
- [Tabler Icons : Une Collection Complète d'Icônes pour Tous Vos Besoins](https://www.beryldesign.fr/post/tabler-icons-une-collection-complete-dicones-pour-tous-vos-besoins): Tabler Icons : une immense bibliothèque d’icônes SVG open source, gratuites et personnalisables, faciles à intégrer à toutes vos interfaces web et mobiles.
- [Créez des expériences web révolutionnaires avec le duo dynamique de Webflow & Spline](https://www.beryldesign.fr/post/creez-des-experiences-web-revolutionnaires-avec-le-duo-dynamique-de-webflow-spline): Créez des expériences web inédites. Intégrez le design 2D à la modélisation 3D pour des interactions captivantes. Explorez dès...
- [Spline, l'outil de conception 3D dans le navigateur avec collaboration en temps réel](https://www.beryldesign.fr/post/spline-loutil-de-conception-3d-dans-le-navigateur-avec-collaboration-en-temps-reel): Spline : créez, animez et partagez des scènes 3D dans le navigateur, à plusieurs en temps réel. L’outil de design 3D nouvelle génération, décrypté.
- [Introduction à Responsively, l’application pour optimiser le responsive de Votre Site Web](https://www.beryldesign.fr/post/introduction-a-responsively-lapplication-pour-optimiser-le-responsive-de-votre-site-web): Responsively App : affichez et testez votre site sur tous les écrans en même temps. L’outil qui accélère le développement responsive des designers.
- [Lottie Creator : la nouvelle révolution dans la création d'animations](https://www.beryldesign.fr/post/lottie-creator-la-nouvelle-revolution-dans-la-creation-danimations): Lottie Creator : Révolutionnez vos animations avec cet outil puissant et intuitif. Créez des animations interactives et personnalis...
- [Découvrez Lucide Icons : Votre Guide Complet pour des Icônes Impeccables](https://www.beryldesign.fr/post/decouvrez-lucide-icons-votre-guide-complet-pour-des-icones-impeccables): Lucide Icons : une bibliothèque d’icônes SVG open source, légère et personnalisable. Notre guide pour bien les choisir et les intégrer à vos interfaces.
- [Image Filler : le plugin pour changer d'échelle et recadrage automatiques de vos images](https://www.beryldesign.fr/post/image-filler-le-plugin-pour-changer-dechelle-et-recadrage-automatiques-de-vos-images): ImageFiller pour Figma : Simplifiez la gestion des images. Modes d'échelle flexibles, positionnement précis, interface intuitive.
- [Figma to Webflow : le plugin pour transformer vos designs en sites web sous Webflow](https://www.beryldesign.fr/post/figma-to-webflow-le-plugin-pour-transformer-vos-designs-en-sites-web-sous-webflow): Figma to Webflow : convertissez vos maquettes Figma en sites Webflow en préservant structure et styles. Le plugin qui accélère l’intégration.
- [Le plugin Figma Morph : un outil créatif pour ajouter des effets visuels à vos designs](https://www.beryldesign.fr/post/le-plugin-figma-morph-un-outil-creatif-pour-ajouter-des-effets-visuels-a-vos-designs): Transformez vos designs Figma avec Morph ! + de 20 effets visuels pour une créativité sans limites. Essayez Morph et sublimez vos...
- [Créez des sites web sans effort avec Blocsapp , une alternative innovante à Wordpress](https://www.beryldesign.fr/post/creez-des-sites-web-sans-effort-avec-blocsapp-une-alternative-innovante-a-wordpress): Créez facilement des sites web avec Blocsapp. Interface intuitive, blocs préfabriqués, personnalisation totale. Essayez gratuitement !
- [Facilitez la création de graphiques avec le plugin Figma “Chartline”](https://www.beryldesign.fr/post/facilitez-la-creation-de-graphiques-avec-le-plugin-figma-chartline): Créez des graphiques Figma en un clin d'œil avec Chartline ! Importez vos données, choisissez un type de graphique et personnalisez...
- [WordPress vs Webflow : Choisir la Meilleure Plateforme pour Votre Site Web](https://www.beryldesign.fr/post/wordpress-vs-webflow-choisir-la-meilleure-plateforme-pour-votre-site-web): Webflow vs WordPress : Duel de plateformes pour votre site web. Témoignages, fonctionnalités et choix ultime en 2023. À travers les...
- [Le plugin Figma Image Tracer : Votre Allié pour Transformer les Images en Vecteurs](https://www.beryldesign.fr/post/le-plugin-figma-image-tracer-votre-allie-pour-transformer-les-images-en-vecteurs): Figma Image Tracer : convertissez vos images en vecteurs et optimisez votre créativité. Dans l'univers du design, la conversion...
- [Automatiser les Spécifications de Composants dans Figma : Découvrez EightShapes Specs"](https://www.beryldesign.fr/post/automatiser-les-specifications-de-composants-dans-figma-decouvrez-eightshapes-specs): EightShapes Specs : boostez votre workflow design ! Automatisez la création de specs précises pour Figma, gagnez du temps et optimi...
- [Opter pour un template ou une conception sur mesure pour la création d’un site internet ?](https://www.beryldesign.fr/post/opter-pour-un-template-ou-une-conception-sur-mesure-pour-la-creation-dun-site-internet): Site web sur mesure vs template : faites le bon choix pour votre entreprise ! La création d'un site web est une étape cruciale pour...
- [Trouvez facilement n’importe quel élément dans votre fichier Figma avec “Similayers”](https://www.beryldesign.fr/post/trouvez-facilement-nimporte-quel-element-dans-votre-fichier-figma-avec-similayers): Similayers : l'outil Figma indispensable pour gagner du temps et de la précision en conception. Dans l'univers du design numérique,...
- [L'Équilibre Parfait : Explorer la Puissance de l'Espacement avec le 8pt Grid](https://www.beryldesign.fr/post/lequilibre-parfait-explorer-la-puissance-de-lespacement-avec-le-8pt-grid): L'espacement avec le 8pt grid System : une approche puissante pour la création de mises en page esthétiques et fonctionnelles.
- [Trouver visuellement le centre de n’importe quelle forme avec le plugin “Visual Center”](https://www.beryldesign.fr/post/trouver-visuellement-le-centre-de-nimporte-quelle-forme-avec-le-plugin-visual-center): Le plugin "Visual Center" pour Figma simplifie la localisation du centre visuel des formes vectorielles. Gagnez du temps et amélior...
- [Naviguer Au-Delà de Dribbble : Une Odyssée Créative](https://www.beryldesign.fr/post/naviguer-au-dela-de-dribbble-une-odyssee-creative): Un créateur graphique s'exprime sur son parcours sur Dribbble, de ses débuts passionnés à son choix de quitter la plateforme.
- [Bento Design : La Tendance UI Incontournable en 2025 (Guide & Exemples)](https://www.beryldesign.fr/post/bento-design-tendance-ui): Le Bento Design : la tendance UI de 2025 inspirée de la boîte-repas japonaise. Principes, origines et bonnes pratiques pour l’adopter, avec exemples.
- [Organiser et optimiser les éléments dans vos fichier Figma avec le Plugin "Organiser"](https://www.beryldesign.fr/post/organiser-et-optimiser-les-elements-dans-vos-fichier-figma-avec-le-plugin-organiser): Le plugin Figma Organiser est un outil simple et efficace pour répartir vos éléments sur le canevas. Il permet de gagner du temps e...
- [Devenez un expert de la Conversion des Styles en Variables dans Figma](https://www.beryldesign.fr/post/devenez-un-expert-de-la-conversion-des-styles-en-variables-dans-figma): Le plugin "Styles to Variables" simplifie la création de variables, l'organisation des collections, et la détection des styles.
- [Détachez les instances, les styles, retirer Auto Layout et bien plus avec le plugin Destroyer](https://www.beryldesign.fr/post/detachez-les-instances-les-styles-retirer-auto-layout-et-bien-plus-avec-le-plugin-destroyer): Le plugin Figma Destroyer : simplifiez votre processus de création en dégradant vos fichiers Figma de manière sélective. Parfois, d...
- [Le fake-door testing : une méthode discrète pour évaluer l'intérêt utilisateur](https://www.beryldesign.fr/post/le-fake-door-testing-une-methode-discrete-pour-evaluer-linteret-utilisateur): Le fake-door testing : validez l’intérêt d’une fonctionnalité avant de la développer, via un point d’entrée factice. Méthode, exemples et bonnes pratiques.
- [Donnez un nouveau souffle à votre site : les clés d'une refonte graphique](https://www.beryldesign.fr/post/donnez-un-nouveau-souffle-a-votre-site-les-cles-dune-refonte-graphique): La refonte de votre site web est une transformation stratégique qui vous permet de créer une présence en ligne qui captive et...
- [L'Atomic Design : une approche modulaire pour des interfaces réactives et évolutives](https://www.beryldesign.fr/post/latomic-design-une-approche-modulaire-pour-des-interfaces-reactives-et-evolutives): L'Atomic Design : une méthodologie de conception d'interface pour créer des systèmes modulaires et évolutifs. L'Atomic Design...
- [Transformez vos textes de majuscule en minuscule avec le plugin Figma "Case Convert"](https://www.beryldesign.fr/post/transformez-vos-textes-de-majuscule-en-minuscule-avec-le-plugin-figma-case-convert): Le plugin Figma "Case Convert" : convertissez le texte en majuscules, minuscules, ou en mode phrase en quelques clics seulement.
- [Optimisez vos Styles de Textes et Simplifiez vos projets avec le Plugin Figma “Font Fascia”](https://www.beryldesign.fr/post/optimisez-vos-styles-de-textes-et-simplifiez-vos-projets-avec-le-plugin-figma-font-fascia): Comment utiliser le plugin Figma "Font Fascia" pour optimiser l'utilisation des styles de texte et garantir des performances optima...
- [Éclairage sur le mode sombre : du confort visuel à l'esthétique, une exploration complète](https://www.beryldesign.fr/post/eclairage-sur-le-mode-sombre-du-confort-visuel-a-lesthetique-une-exploration-complete): Le mode sombre : une option d'affichage pratique et esthétique qui offre de nombreux avantages. Le mode sombre, également appelé Da...
- [Utilisez le plugin "Insert Big Image" pour importer de grandes images depuis Figma](https://www.beryldesign.fr/post/utilisez-le-plugin-insert-big-image-pour-importer-de-grandes-images-depuis-figma): Importez des images de grande taille dans Figma sans perte de qualité avec le plugin "Insert Big Image". Dans l'univers dynamique d...
- [Lignes élégantes et connexions intelligentes, maîtrisez le plugin Autoflow dans Figma](https://www.beryldesign.fr/post/lignes-elegantes-et-connexions-intelligentes-maitrisez-le-plugin-autoflow-dans-figma): Autoflow, le plugin Figma qui automatise la création de connexions entre les frames. Simplifier la création de maquettes demeure un...
- [Utilisez l’ensemble des icons de Google grâce au Plugin Figma “Material Design Icon”](https://www.beryldesign.fr/post/utilisez-lensemble-des-icons-de-google-grace-au-plugin-figma-material-design-icon): Le plugin "Material Design Icon" pour Figma : intégrez facilement des icônes Material Design dans vos créations. Les concepteurs du...
- [UI Kit vs. Design System : Comprendre les Différences Cruciales](https://www.beryldesign.fr/post/ui-kit-vs-design-system-comprendre-les-differences-cruciales): Comprenez les différences essentielles entre UI Kit et Design System. Guide complet avec exemples, cas d'usage et recommandations pour votre projet.
- [Créez et personnalisez facilement de superbes illustrations dans Figma grâce au plugin Blush](https://www.beryldesign.fr/post/creez-et-personnalisez-facilement-de-superbes-illustrations-dans-figma-grace-au-plugin-blush): Figma Blush : trouvez, personnalisez et intégrez des illustrations dans vos projets Figma Le monde en constante évolution du design...
- [Simplifiez Votre Conception avec du Texte Factice grâce au Plugin Figma "Lorem Ipsum"](https://www.beryldesign.fr/post/simplifiez-votre-conception-avec-du-texte-factice-grace-au-plugin-figma-lorem-ipsum): Le plugin "Lorem Ipsum" de Figma est un outil qui permet de générer rapidement et facilement du contenu factice pour les maquettes...
- [Différences entre Low-Code et No-Code](https://www.beryldesign.fr/post/differences-entre-low-code-et-no-code): Le Low-Code et le No-Code : deux approches pour créer des applications plus rapidement et à moindre coût. Le monde du développement...
- [Évaluer la maturité du design dans votre entreprise](https://www.beryldesign.fr/post/evaluer-la-maturite-du-design-dans-votre-entreprise): La maturité en design est un facteur clé de succès pour les entreprises. Apprenez à l'évaluer en 5 domaines clés. Le design va bien...
- [Exploration Complète du Skeuomorphisme dans le Design d'Interface](https://www.beryldesign.fr/post/exploration-complete-du-skeuomorphisme-dans-le-design-dinterface): Le skeuomorphisme : une approche de conception d'interface qui utilise des éléments visuels du monde réel. Le design d'interface...
- [Regressor pour Figma : Simplifiez la Gestion des Variantes et des Propriétés Booléennes](https://www.beryldesign.fr/post/regressor-pour-figma-simplifiez-la-gestion-des-variantes-et-des-proprietes-booleennes): Simplifiez la création et la gestion des variantes et des propriétés booléennes avec Regressor pour Figma. Dans le monde du design...
- [La Théorie de Gestalt en UX Design : Principes, Applications et Limites](https://www.beryldesign.fr/post/la-theorie-de-gestalt-en-ux-design-principes-applications-et-limites): Comment la théorie de Gestalt peut vous aider à créer des interfaces UX intuitives. L'expérience utilisateur, souvent désignée par ...
- [Plongée dans la Tendance : Ombrage et Profondeur en UI Design](https://www.beryldesign.fr/post/plongee-dans-la-tendance-ombrage-et-profondeur-en-ui-design): L'ombrage et la profondeur en UI Design : une tendance qui donne du volume aux éléments, améliore la navigation et crée une expérie...
- [Documenter facilement votre Design System avec Figmayo, l’alternative à ZeroHeight](https://www.beryldesign.fr/post/documenter-facilement-votre-design-system-avec-figmayo-lalternative-a-zeroheight): Figmayo est une solution qui permet aux designers de créer et de partager facilement une documentation de conception à partir de Fi...
- [L'interface utilisateur vocale : une révolution technologique dans le monde du design](https://www.beryldesign.fr/post/linterface-utilisateur-vocale-une-revolution-technologique-dans-le-monde-du-design): L'interface utilisateur vocale : une révolution technologique qui transforme notre interaction avec la technologie. L'industrie du...
- [Le neumorphisme : entre esthétique tactile et défis visuels en ui design](https://www.beryldesign.fr/post/le-neumorphisme-entre-esthetique-tactile-et-defis-visuels-en-ui-design): Le neumorphisme : un style de design d'interface utilisateur qui combine l'aspect tactile du skeuomorphisme avec la simplicité du f...
- [Material design : l'art de la conception d'interfaces immersives](https://www.beryldesign.fr/post/material-design-lart-de-la-conception-dinterfaces-immersives): Le Material Design est une approche de conception d'interfaces qui s'inspire du monde physique pour créer des interfaces plus...
- [Le minimalisme et le flat design : l'art de la simplicité en ui design](https://www.beryldesign.fr/post/le-minimalisme-et-le-flat-design-lart-de-la-simplicite-en-ui-design): Le minimalisme et le flat design, deux tendances du UI design, privilégient la simplicité et la clarté pour améliorer l'expérience...
- [La Conception pour l'Accessibilité](https://www.beryldesign.fr/post/la-conception-pour-laccessibilite): L'accessibilité en UI Design : comment créer des interfaces inclusives pour tous. L'accessibilité est un principe fondamental en UI...
- [La Psychologie derrière l'UI Design](https://www.beryldesign.fr/post/la-psychologie-derriere-lui-design): Comprendre la psychologie de l'utilisateur pour créer des interfaces plus intuitives et engageantes. L'interface utilisateur (UI) n...
- [La Conception Adaptative et Responsive](https://www.beryldesign.fr/post/la-conception-adaptative-et-responsive): La conception adaptative et responsive : comment créer des expériences utilisateur exceptionnelles sur tous les appareils. Dans l'è...
- [Les Principes Fondamentaux de l'UI Design](https://www.beryldesign.fr/post/les-principes-fondamentaux-de-lui-design): Les principes fondamentaux de l'UI Design : comment créer des interfaces utilisateur efficaces et agréables. L'UI Design (User...
- [Penpot vs Figma : Le Comparatif Ultime 2025 (Prix, Fonctionnalités, Offline)](https://www.beryldesign.fr/post/penpot-vs-figma-comparatif-2025): Faut-il quitter Figma pour Penpot 2.0 ? Comparatif complet : Prix, CSS Grid, Mode Offline et performances. Le verdict pour les designers en 2025.
- [Simplifiez le tri des variants de vos composants avec le plugin Figma "Simple Sort"](https://www.beryldesign.fr/post/simplifiez-le-tri-des-variants-de-vos-composants-avec-le-plugin-figma-simple-sort): Le plugin Figma "Simple Sort" simplifie la gestion des variantes de composants. Organisez, réorganisez, et profitez du mode...
- [Procreate : L'application de création artistique numérique incontournable](https://www.beryldesign.fr/post/procreate-lapplication-de-creation-artistique-numerique-incontournable): Procreate : l'application de dessin numérique incontournable pour iPad. Des outils puissants et une interface intuitive pour créer ...
- [Créez vos animations Lottie depuis Figma avec le plugin officiel "LottieFiles"](https://www.beryldesign.fr/post/creez-vos-animation-lottie-depuis-figma-avec-le-plugin-officiel-lottiefiles): Le plugin LottieFiles pour Figma vous permet d'ajouter des animations Lottie à vos conceptions Figma, pour une expérience utilisate...
- [Libérez votre créativité avec le Plugin Figma "Blobs": Formes uniques et designs captivants](https://www.beryldesign.fr/post/liberez-votre-creativite-avec-le-plugin-figma-blobs-formes-uniques-et-designs-captivants): Plugin Figma Blobs : créez des formes organiques uniques et expressives pour vos projets de conception. Plongez dans un monde de...
- [Des mises en page plus productives grâce aux textes, images et icônes de “Content Reel”](https://www.beryldesign.fr/post/des-mises-en-page-plus-productives-grace-aux-textes-images-et-icones-de-content-reel): Le plugin Figma "Content Reel" : enrichissez vos maquettes et prototypes avec une bibliothèque complète de contenus. Découvrez le...
- [Unsplash, le plugin essentielle pour les designers en quête d'inspiration visuelle](https://www.beryldesign.fr/post/unsplash-le-plugin-essentielle-pour-les-designers-en-quete-dinspiration-visuelle): Trouvez des images de haute qualité et libres de droits pour vos projets de conception avec le plugin Figma "Unsplash". Dans le...
- [Trouvez les éléments sans styles ou fusionnez les styles similaires avec “Style Organizer”](https://www.beryldesign.fr/post/trouvez-les-elements-sans-styles-ou-fusionnez-les-styles-similaires-avec-style-organizer): Gérez vos styles Figma plus efficacement avec le plugin "Style Organizer". Le plugin Figma "Style Organizer" offre une approche...
- [Découvrez “Nisa Text” le plugin idéal pour simplifiez vos travaux de typographie](https://www.beryldesign.fr/post/decouvrez-nisa-text-le-plugin-ideal-pour-simplifiez-vos-travaux-de-typographie): Gagnez du temps et simplifiez votre travail de typographie avec le plugin Nisa Text pour Figma. Lorsqu'il s'agit de travailler avec...
- [Maîtrisez l'agencement de vos éléments avec le plugin Figma 'Masonry Grid'](https://www.beryldesign.fr/post/maitrisez-lagencement-de-vos-elements-avec-le-plugin-figma-masonry-grid): Organisez vos compositions en grille avec le plugin Figma "Masonry Grid Layout Organizer". Dans l'univers du design, la clarté et...
- [Transformez des pages web en Maquettes Figma Éditables avec le plugin Builder.io](https://www.beryldesign.fr/post/transformez-des-pages-web-en-maquettes-figma-editables-avec-le-plugin-builder-io): Builder.io pour Figma : importez des pages web en maquettes éditables, exportez en code et générez du contenu par IA. Le plugin tout-en-un décrypté.
- [Simplifiez la création et la gestion de vos styles Figma avec le plugin Styler](https://www.beryldesign.fr/post/simplifiez-la-creation-et-la-gestion-de-vos-styles-figma-avec-le-plugin-styler): Générez des styles en masse avec le plugin Styler pour Figma. Le design d'interface utilisateur est un processus complexe qui...
- [Propstar : le plugin Figma pour générer des tableaux d'instances en un clic](https://www.beryldesign.fr/post/propstar-le-plugin-figma-pour-generer-des-tableaux-dinstances-en-un-clic): Propstar pour Figma : visualisez toutes les variations de vos composants en un coup d'œil. La propriété des composants dans Figma e...
- [Convertir vos maquettes en image de haute qualité avec "Flatten Selection to Bitmap"](https://www.beryldesign.fr/post/convertir-vos-maquettes-en-image-de-haute-qualite-avec-flatten-selection-to-bitmap): Convertissez vos maquettes Figma en images de haute qualité avec le plugin Flatten Selection to Bitmap. Lorsque l'on travaille en...
- [Simplifiez votre processus de création de mockups avec le plugin Figma "Mockup"](https://www.beryldesign.fr/post/simplifiez-votre-processus-de-creation-de-mockups-avec-le-plugin-figma-mockup): Créez des mockups de haute qualité en quelques clics avec le plugin Figma "Mockup". L'utilisation de mockups est un élément crucial...
- [Convertir n’importe quel site en maquettes Figma avec le plugin “Html.To.Design”](https://www.beryldesign.fr/post/convertir-nimporte-quel-site-en-maquettes-figma-avec-le-plugin-html-to-design): html.to.design : importez n’importe quel site dans Figma en calques modifiables, via une simple URL. Le plugin qui accélère vos redesigns web.
- [Comment générer les teintes d’une couleur avec le plugin Figma “Color Shades”](https://www.beryldesign.fr/post/comment-generer-les-teintes-dune-couleur-avec-le-plugin-figma-color-shades): Color Shades : générez toute la gamme de teintes d’une couleur en un clic dans Figma. Le plugin idéal pour construire des palettes cohérentes.
- [Transformez vos calques en explosion de couleurs avec Confetti for Figma](https://www.beryldesign.fr/post/transformez-vos-calques-en-explosion-de-couleurs-avec-confetti-for-figma): Confetti pour Figma : des confettis personnalisables pour égayer vos designs. Le monde du design est en constante évolution, et il ...
- [Ne passez plus à côté du “Mesh Gradient” pour illustrer vos designs dans Figma](https://www.beryldesign.fr/post/ne-passez-plus-a-cote-du-mesh-gradient-pour-illustrer-vos-designs-dans-figma): Créez des gradients plus riches et plus détaillés avec le plugin Mesh Gradients pour Figma. Il est souvent difficile de créer des...
- [Organisez vos fichiers Figma en renommant vos éléments par lots avec “Rename It”](https://www.beryldesign.fr/post/organisez-vos-fichiers-figma-en-renommant-vos-elements-par-lots-avec-rename-it): Renommer facilement et efficacement les calques de vos projets de design avec le plugin "Rename it" pour Figma. Organiser les calqu...
- [Rétrospective sur mon projet de générateur de “Longshadow”, 10 ans après](https://www.beryldesign.fr/post/retrospective-sur-mon-projet-de-generateur-de-longshadow-10-ans-apres): Générateur d'ombres longshadow : créez des ombres allongées en quelques clics. Parmi les tendances les plus populaires de l'époque,...
- [Retrouvez facilement vos instances avec le plugin Figma “Instance Finder”](https://www.beryldesign.fr/post/retrouvez-facilement-vos-instances-avec-le-plugin-figma-instance-finder): Trouvez rapidement les instances de composants dans Figma avec le plugin Instance Finder. Lorsque vous travaillez sur des projets...
- [Simplifiez la création et la gestion de styles de texte avec “Text Styles Generator”](https://www.beryldesign.fr/post/simplifiez-la-creation-et-la-gestion-de-styles-de-texte-avec-text-styles-generator): Créez et gérez facilement des styles de texte homogènes avec le plugin Figma "Text Styles Generator". Le plugin Figma "Text Styles...
- [Définissez la typographie de votre projet avec le plugin "Typescales"](https://www.beryldesign.fr/post/definissez-la-typographie-de-votre-projet-avec-le-plugin-typescales): Tyescales : créez une typographie cohérente et efficace dans vos projets de design Figma. Lorsque l'on travaille sur un projet de...
- [Ne passez plus à côté du style isométrique avec le plugin Easometric](https://www.beryldesign.fr/post/ne-passez-plus-a-cote-du-style-isometrique-avec-le-plugin-easometric): Créez des visuels en vue isométrique avec le plugin Figma Easometric. Le plugin Figma Easometric est un outil incontournable pour l...
- [Déformez vos formes de manière précise avec le plugin “SkewDat”](https://www.beryldesign.fr/post/deformez-vos-formes-de-maniere-precise-avec-le-plugin-skewdat): Déformez les formes de manière précise et intuitive avec le plugin SkewDat pour Figma. Lors de la création de designs graphiques, i...
- [Prospero, l’UI Kit de Webflow qui simplifie la création d’un site web](https://www.beryldesign.fr/post/prospero-lui-kit-de-webflow-qui-simplifie-la-creation-dun-site-web): Créez des sites Web professionnels et modernes en un rien de temps avec Prospero, le nouveau kit d'interface utilisateur officiel d...
- [Webflow, l'outil de no-code pour la création de site web de qualité](https://www.beryldesign.fr/post/webflow-loutil-de-no-code-pour-la-creation-de-site-web-de-qualite): Créez des sites Web de qualité professionnelle sans écrire de code avec Webflow, l'outil de création de sites Web sans code. Cela...
- [Le no-code : une révolution pour les développeurs et les entreprises](https://www.beryldesign.fr/post/le-no-code-une-revolution-pour-les-developpeurs-et-les-entreprises): Le développement sans code permet à tous de créer des applications et des sites web sans avoir à écrire du code. Le développement s...
- [Organisez rapidement vos calques et frames avec le plugin Figma “Sorter”](https://www.beryldesign.fr/post/organisez-rapidement-vos-calques-et-frames-avec-le-plugin-figma-sorter): Organisez vos frames Figma rapidement et facilement avec le plugin 'Sorter'. Si vous travaillez avec des outils de design tels que...
- [Ajoutez de la 3D à vos designs avec plugin Vectary 3D Elements](https://www.beryldesign.fr/post/ajoutez-de-la-3d-a-vos-designs-avec-plugin-vectary-3d-elements): Créez et intégrez des éléments 3D dans vos designs Figma avec Vectary 3D Elements. Vectary 3D Elements permet aux utilisateurs de...
- [Mettez en situation vos design avec le plugin Perspective Toolkit !](https://www.beryldesign.fr/post/mettez-en-situation-vos-design-avec-le-plugin-perspective-toolkit): Ajoutez de la profondeur et de la perspective à vos designs Figma avec le plugin Perspective Toolkit. Une fois un design terminé, o...
- [Redimensionner vos éléments avec la mise à jour de la fonction Scale](https://www.beryldesign.fr/post/redimensionner-vos-elements-avec-la-mise-a-jour-de-la-fonction-scale): Figma améliore son outil scale pour un redimensionnement plus précis et rapide. L’outil scale est bien souvent peu utilisé par les...
- [Allégez les fichiers de vos projets Figma grâce au plugin “Downsize”](https://www.beryldesign.fr/post/allegez-les-fichiers-de-vos-projets-figma-grace-au-plugin-downsize): Réduisez la taille des images de votre projet Figma avec le plugin Downsize. Même si l’évolution des outils de design fait qu’il es...
- [Utilisez ou créez n’importe quel mockup avec le plugin Figma “Angle”](https://www.beryldesign.fr/post/utilisez-ou-creez-nimporte-quel-mockup-avec-le-plugin-figma-angle): Créez des mockups réalistes pour vos interfaces avec Angle, le plugin Figma qui applique un rendu en perspective ou isométrique sur...
- [Gérez plus facilement vos textes avec le Plugin Figma “Select by Font”](https://www.beryldesign.fr/post/gerez-plus-facilement-vos-textes-avec-le-plugin-figma-select-by-font): Visualisez facilement l'ensemble des typographies utilisées sur une sélection avec le plugin Select by Font pour Figma. Aujourd’hui...
- [Optimiser le changement d’échelle grâce au Plugin Figma Scale !](https://www.beryldesign.fr/post/optimiser-le-changement-dechelle-grace-au-plugin-figma-scale): Modifiez la taille d'un élément en gardant ses proportions avec le plugin Scale pour Figma. Aujourd'hui, les proportions prennent d...
- [Découvrez le Plugin Figma Batch Styler : un éditeur de styles par lot !](https://www.beryldesign.fr/post/plugin-figma-batch-styler): Batch Styler, le plugin Figma qui vous facilite la vie ! Modifiez plusieurs styles de texte et de couleur en une seule fois.

## Ressources (FR)
- [Behance Project Template Mockup](https://www.beryldesign.fr/resource/behance-project-template-mockup): Découvrez notre mockup Behance gratuit ! Behance ne propose pas de prévisualisation efficace avant la publication, c'est pourquoi nous offrons cette ressource. Les pages utilisateur et de projet vous permettent de personnaliser votre grille comme sur Instagram et de visualiser le rendu final avec les miniatures d'autres projets. Nous espérons que cela vous inspirera.
- [Folio Starter Website Template](https://www.beryldesign.fr/resource/folio-starter-website-template): Découvrez Folio l’un des thèmes proposés par Webflow. Le fichier Figma vous permet de visualiser et de modifier les maquettes de chaque page avant de les mettre en ligne sur votre site. Cela vous donne la possibilité de voir à quoi ressemblera votre site avant de lancer les mises à jour et de personnaliser chaque élément de votre site. Utilisez le fichier pour mettre à jour de manière efficace et professionnelle.
- [Biznus Website Template](https://www.beryldesign.fr/resource/biznus-website-template): Découvrez Biznus l’un des thèmes proposés par Webflow. Le fichier Figma vous permet de visualiser et de modifier les maquettes de chaque page avant de les mettre en ligne sur votre site. Cela vous donne la possibilité de voir à quoi ressemblera votre site avant de lancer les mises à jour et de personnaliser chaque élément de votre site. Utilisez le fichier pour mettre à jour de manière efficace et professionnelle.
- [Vegetable Illustration Pack](https://www.beryldesign.fr/resource/vegetable-illustration-pack): Découvrez notre pack d'illustrations pleines de couleurs sur le thème des boutiques en ligne ! Personnalisables et en haute résolution, elles embelliront vos projets Web, applications et présentations. Ajoutez cette précieuse ressource à votre collection de design dès maintenant !
- [Fruits Illustration Pack](https://www.beryldesign.fr/resource/fruits-illustration-pack): Découvrez notre pack d'illustrations pleines de couleurs sur le thème des boutiques en ligne ! Personnalisables et en haute résolution, elles embelliront vos projets Web, applications et présentations. Ajoutez cette précieuse ressource à votre collection de design dès maintenant !
- [Business Starter Website Template](https://www.beryldesign.fr/resource/business-starter-website-template): Découvrez Business l’un des thèmes proposés par Webflow. Le fichier Figma vous permet de visualiser et de modifier les maquettes de chaque page avant de les mettre en ligne sur votre site. Cela vous donne la possibilité de voir à quoi ressemblera votre site avant de lancer les mises à jour et de personnaliser chaque élément de votre site. Utilisez le fichier pour mettre à jour de manière efficace et professionnelle.
- [Portfolio Photo Website Template](https://www.beryldesign.fr/resource/portfolio-photo-website-template): Découvrez l’un des portfolios proposés sur Webflow. Le fichier Figma vous permet de visualiser et de modifier les maquettes de chaque page avant de les mettre en ligne sur votre site. Cela vous donne la possibilité de voir à quoi ressemblera votre site avant de lancer les mises à jour et de personnaliser chaque élément de votre site. Utilisez le fichier pour mettre à jour de manière efficace et professionnelle.
- [Shopping Icon Pack](https://www.beryldesign.fr/resource/shopping-icon-pack): Notre pack d'icônes vous offre une collection en constante croissance d'icônes minimalistes, entièrement personnalisables et bien organisées, sur le thème des boutiques en ligne. Idéales pour les applications, le Web, les présentations et plus encore. Chaque icône est livrée en haute résolution et peut être facilement personnalisée. Ajoutez ce pack à votre collection de ressources de design dès maintenant !
- [Store Starter Website Template](https://www.beryldesign.fr/resource/store-starter-website-template): Découvrez Store l’un des thèmes proposés par Webflow. Le fichier Figma vous permet de visualiser et de modifier les maquettes de chaque page avant de les mettre en ligne sur votre site. Cela vous donne la possibilité de voir à quoi ressemblera votre site avant de lancer les mises à jour et de personnaliser chaque élément de votre site. Utilisez le fichier pour mettre à jour de manière efficace et professionnelle.
- [El Store Retail Website Template](https://www.beryldesign.fr/resource/el-store-retail-website-template): Découvrez El Store l’un des thèmes proposés sur Webflow. Le fichier Figma vous permet de visualiser et de modifier les maquettes de chaque page avant de les mettre en ligne sur votre site. Cela vous donne la possibilité de voir à quoi ressemblera votre site avant de lancer les mises à jour et de personnaliser chaque élément de votre site. Utilisez le fichier pour mettre à jour de manière efficace et professionnelle.
- [Bakery Pastry Icon Pack](https://www.beryldesign.fr/resource/bakery-pastry-icon-pack): Notre pack d'icônes vous offre une collection en constante croissance d'icônes minimalistes, entièrement personnalisables et bien organisées, sur le thème de la boulangerie et de la patisserie. Idéales pour les applications, le Web, les présentations et plus encore. Chaque icône est livrée en haute résolution et peut être facilement personnalisée. Ajoutez ce pack à votre collection de ressources de design dès maintenant !
- [Prospero Webflow eCommerce UI Kit](https://www.beryldesign.fr/resource/prospero-webflow-ecommerce-ui-kit): Découvrez Prospero l'UI Kit proposés par Webflow. Le fichier Figma vous permet de visualiser et de modifier les maquettes de chaque page avant de les mettre en ligne sur votre site. Cela vous donne la possibilité de voir à quoi ressemblera votre site avant de lancer les mises à jour et de personnaliser chaque élément de votre site. Utilisez le fichier pour mettre à jour de manière efficace et professionnelle.
- [Arrows Icon Pack](https://www.beryldesign.fr/resource/arrows-icon-pack): Notre pack d'icônes vous offre une collection en constante croissance d'icônes minimalistes, entièrement personnalisables et bien organisées, sur le thème des flèches. Idéales pour les applications, le Web, les présentations et plus encore. Chaque icône est livrée en haute résolution et peut être facilement personnalisée. Ajoutez ce pack à votre collection de ressources de design dès maintenant !
- [Grit Retail Website Template](https://www.beryldesign.fr/resource/grit-retail-website-template): Découvrez Grit l’un des thèmes proposés par Webflow. Le fichier Figma vous permet de visualiser et de modifier les maquettes de chaque page avant de les mettre en ligne sur votre site. Cela vous donne la possibilité de voir à quoi ressemblera votre site avant de lancer les mises à jour et de personnaliser chaque élément de votre site. Utilisez le fichier pour mettre à jour de manière efficace et professionnelle.
- [Ecommerce Icon Pack](https://www.beryldesign.fr/resource/ecommerce-icon-pack): Notre pack d'icônes vous offre une collection en constante croissance d'icônes minimalistes, entièrement personnalisables et bien organisées, sur le thème du e-commerce. Idéales pour les applications, le Web, les présentations et plus encore. Chaque icône est livrée en haute résolution et peut être facilement personnalisée. Ajoutez ce pack à votre collection de ressources de design dès maintenant !
- [Allergen Icon Pack](https://www.beryldesign.fr/resource/allergen-icon-pack): Notre pack d'icônes vous offre une collection en constante croissance d'icônes minimalistes, entièrement personnalisables et bien organisées, sur le thème des allergies alimentaires. Idéales pour les applications, le Web, les présentations et plus encore. Chaque icône est livrée en haute résolution et peut être facilement personnalisée. Ajoutez ce pack à votre collection de ressources de design dès maintenant !
- [Weather Icon Pack](https://www.beryldesign.fr/resource/weather-icon-pack): Notre pack d'icônes vous offre une collection en constante croissance d'icônes minimalistes, entièrement personnalisables et bien organisées, sur le thème de la météo. Idéales pour les applications, le Web, les présentations et plus encore. Chaque icône est livrée en haute résolution et peut être facilement personnalisée. Ajoutez ce pack à votre collection de ressources de design dès maintenant !
- [Luma Retail Website Template](https://www.beryldesign.fr/resource/luma-retail-website-template): Découvrez Luma l’un des thèmes proposés par Webflow. Le fichier Figma vous permet de visualiser et de modifier les maquettes de chaque page avant de les mettre en ligne sur votre site. Cela vous donne la possibilité de voir à quoi ressemblera votre site avant de lancer les mises à jour et de personnaliser chaque élément de votre site. Utilisez le fichier pour mettre à jour de manière efficace et professionnelle.
- [Social Media Icon Pack](https://www.beryldesign.fr/resource/social-media-icon-pack): Notre pack d'icônes vous offre une collection en constante croissance d'icônes minimalistes, entièrement personnalisables et bien organisées, sur le thème des réseaux sociaux. Idéales pour les applications, le Web, les présentations et plus encore. Chaque icône est livrée en haute résolution et peut être facilement personnalisée. Ajoutez ce pack à votre collection de ressources de design dès maintenant !

## Articles (EN)
- [Forge of Empires: The First Three Minutes, Decoded](https://www.beryldesign.fr/en/post/forge-of-empires-first-minutes-onboarding): Server, world, tutorial, diamonds: three structural decisions made in the first 15 minutes of Forge of Empires, and what the interface never explains.
- [Dynasty Nova: The First Three Minutes of Gameplay](https://www.beryldesign.fr/en/post/dynasty-nova-first-three-minutes-onboarding): Universe choice, speed sheet, first planet: how Dynasty Nova designed its first three minutes to avoid the generic-tutorial trap.
- [Alliances and Diplomacy in Browser Games](https://www.beryldesign.fr/en/post/alliances-diplomacy-browser-games-ux): OGame, Forge of Empires, Politics & War: three ways of handling diplomacy between players — a UX comparison of alliance systems in 2026.
- [Browser Game UX in 2026: The Complete Guide to Choosing Well](https://www.beryldesign.fr/en/post/browser-game-ux-guide-2026): Our UX reading grid for choosing a browser game (PBBG) in 2026: onboarding, monetization, tech tree, mobile UX, and where to start.
- [Uizard: the AI generator built for people who've never opened Figma](https://www.beryldesign.fr/en/post/uizard-ai-generator-non-designers): Uizard turns a prompt or a sketch into a multi-screen prototype, no design skills needed. Our test: strengths, limits, and who it's really for.
- [v0 by Vercel: the AI interface generator that ships real code](https://www.beryldesign.fr/en/post/v0-vercel-ai-interface-generator): v0 by Vercel turns a prompt into production-ready React/Next.js components. Our test against Figma Make and Framer: what actually changes.
- [Generative AI for Icons and Illustrations: Does It Really Replace Paid Packs in 2026?](https://www.beryldesign.fr/en/post/ai-generated-icons-illustrations-2026): Recraft V4, coherent icon sets, an agency's AI stack: three concrete use cases to find out whether generative AI really replaces paid icon and illustration libraries in 2026.
- [AI and design in 2026: generating an interface without losing control](https://www.beryldesign.fr/en/post/generative-ui-ai-tools-2026): Magic Patterns and a designer's full AI toolchain in 2026: two videos showing how to generate an interface without losing control of your brand.
- [Liquid Glass vs Material 3 Expressive: the Two Interface Languages Redefining 2026](https://www.beryldesign.fr/en/post/liquid-glass-vs-material-3-expressive): Liquid Glass vs Material 3 Expressive: Apple's invisible stability versus Google's motion physics and personalization, in 2026.
- [Design Tokens: What the New W3C DTCG Standard Really Changes](https://www.beryldesign.fr/en/post/design-tokens-w3c-dtcg): The W3C Design Tokens Format Module (DTCG) has been stable since late 2025, backed by 24+ organizations. What it actually changes for your design systems.
- [Vibe coding: what's the impact on the design profession in 2026?](https://www.beryldesign.fr/en/post/vibe-coding-impact-design-profession): Vibe coding: between the end of role silos, a logo designer who gave up, and a rebuilt Figma-Claude workflow, what actually changes for designers.
- [Framer vs Webflow in 2026: Which No-Code Tool Should You Choose in the AI Era?](https://www.beryldesign.fr/en/post/framer-vs-webflow-2026): Framer or Webflow in 2026? Design, AI (Wireframer, Workshop), CMS and pricing: our honest comparison to help you pick the right no-code tool.
- [Forge of Empires: When Game Complexity Becomes a UX Problem](https://www.beryldesign.fr/en/post/forge-of-empires-ux-teardown): Twelve years of stacked systems have made Forge of Empires unreadable without outside guides. A UX teardown of its onboarding, the Great Buildings overhaul, and what Dynasty Nova does differently.
- [Designer AI Skills in 2026: What Actually Matters for the Long Run](https://www.beryldesign.fr/en/post/designer-ai-skills-2026): 70% of design jobs at risk by 2030? What 3 analyses of the 2026 market actually show: what's becoming a commodity, the niches exploding in value, and what AI can't replace.
- [Google Stitch vs Figma Make: Comparing AI Interface Generators in 2026](https://www.beryldesign.fr/en/post/google-stitch-vs-figma-make): Google Stitch, Google's free AI interface generator, tested against Figma Make and Claude Design: design system, Figma export, code, limits. The full test.
- [Shader Fills & Weave: generative AI arrives on the Figma canvas](https://www.beryldesign.fr/en/post/figma-shader-fills-weave-generative-ai): Shader fills, shader effects, and Weave: how Config 2026 brings AI generation directly into the Figma canvas, without ever switching tools.
- [Figma Agent and MCP: The Complete Guide to Connecting AI to Your Design System](https://www.beryldesign.fr/en/post/figma-agent-mcp-guide): Figma Agent and MCP in practice: Notion/GitHub connectors, Custom Skills, and the bridge to Cursor for turning a design into code that actually works.
- [Figma Motion, Jitter, Rive, or Lottie: Which Animation Tool Should You Pick in 2026?](https://www.beryldesign.fr/en/post/figma-motion-vs-rive-jitter-lottie): Can Figma Motion replace Jitter, Rive, and Lottie? A practical comparison to help you pick the right animation tool for your needs in 2026.
- [Figma Make, Framer or Lovable: Which AI Design Tool Should You Pick in 2026?](https://www.beryldesign.fr/en/post/figma-make-framer-lovable-ai-design): Figma Make, Framer or Lovable for AI-assisted design in 2026? Three real-world tests (onboarding, marketplace, showcase site) to pick the right tool for your need.
- [Astro Nova Becomes Dynasty Nova: Why Rename Your Game Mid-Beta](https://www.beryldesign.fr/en/post/astro-nova-becomes-dynasty-nova-why-rename-your-game): A first-hand account of rebranding Astro Nova into Dynasty Nova: a name clash, choosing the new name, and what it really means for a game's identity while still in beta.
- [Dynasty Nova: Pay-to-Fast, Not Pay-to-Win — the UX of Transparent Monetization](https://www.beryldesign.fr/en/post/dynasty-nova-pay-to-fast-not-pay-to-win-transparent-monetization-ux): How Dynasty Nova uses interface design to keep its "Pay-to-Fast, never Pay-to-Win" promise and build player trust right from the shop screen.
- [Dynasty Nova: Rethinking the Tech Tree of a Space Management Game](https://www.beryldesign.fr/en/post/dynasty-nova-rethinking-the-tech-tree-of-a-management-game): How Dynasty Nova reorganizes its tech tree into categories (energy, propulsion, defense…) to simplify complex information, a practical UX case study for management games.
- [Figma, Sketch or Penpot: Which Tool Should a Digital Agency Choose in 2026?](https://www.beryldesign.fr/en/post/figma-sketch-penpot-digital-agency): Figma, Sketch or Penpot for a digital agency in 2026? Real costs, self-hosting, design systems and developer handoff: our clear-cut comparison.
- [HTML to Figma in 2026: the Complete Guide to Importing a Website into Figma](https://www.beryldesign.fr/en/post/html-to-figma-complete-guide-2026): HTML to Figma in 2026: import any website into Figma with html.to.design, work around its limits (Auto Layout, dynamic content), and use generative AI as a backup.
- [Figma Config 2026: Motion, Code Layers and the AI Agent — everything that changes for designers](https://www.beryldesign.fr/en/post/figma-config-2026): Figma Config 2026: native animation with Figma Motion, Code Layers (design ↔ code on the canvas), AI Agent + MCP connectors, generative plugins and shaders. The full breakdown.
- [Mastering Auto Layout in Figma to Build Dynamic Interfaces and Smart Systems](https://www.beryldesign.fr/en/post/figma-auto-layout-guide): No more manual resizing. Master Auto Layout like a pro: parent-child relationships, Hug Content vs Fill Container, and nested structures.
- [Claude Design and the Prototyping Revolution: From Design System to Working Website](https://www.beryldesign.fr/en/post/claude-design-prototyping-revolution): See how Claude Design erases the line between prompt and finished product: design systems, high-fidelity landing pages and code deployment in one AI tool.
- [Figma Design and Make: Turning Prompts into Interactive, Functional Prototypes with AI](https://www.beryldesign.fr/en/post/figma-design-make-ai-interactive-prototypes): Stop drawing your screens, forge them. Learn to pair Figma Design and Figma Make to turn prompts and SVGs into working apps and games.
- [From Figma Make to Final Product: How AI Turns Design into Interactive Apps](https://www.beryldesign.fr/en/post/figma-make-ai-design-to-interactive-apps): Discover how Figma's AI blurs the line between design and code, letting you steer prototypes, iterate precisely and ship real products.
- [Magic Animator: Animate Your Figma Designs with One Click Using AI](https://www.beryldesign.fr/en/post/magic-animator-animate-figma-designs-one-click-ai): Magic Animator is an AI-powered Figma plugin that animates static designs in one click, generates multiple animation variations, and exports them as GIF, MP4, or Lottie.
- [UI Design Trends 2026: The Year of Immersion, Emotion, and Precision](https://www.beryldesign.fr/en/post/ui-design-trends-2026-immersion-emotion-precision): Discover 2026's major UI design trends: immersive interfaces, expressive typography, interactive 3D and warm minimalism.
- [Image Adjustments Copy & Paste: Copy Your Image Settings in One Click on Figma](https://www.beryldesign.fr/en/post/image-adjustments-copy-paste-figma): A simple, effective Figma plugin to harmonize your visuals: copy one image's adjustments and paste them onto another in one click.
- [Change Text to Layer Name: Sync Text and Layer Names in Figma](https://www.beryldesign.fr/en/post/change-text-to-layer-name-figma-plugin): With the Figma plugin Change Text to Layer Name, sync a text layer's content and its layer name in a single click for clean, readable files.
- [Top 10 Best Browser Games in 2025 (Including a French One)](https://www.beryldesign.fr/en/post/top-10-best-browser-games-2025): Idle, spatial or strategic: discover the best browser games in 2025, including Astro Nova, an independent French gem with elegant design.
- [Why Games Like OGame Still Captivate 20 Years Later](https://www.beryldesign.fr/en/post/why-ogame-persistent-browser-games-endure): From the golden age of persistent browser games to modern reimaginings: how OGame, Travian and Ikariam still inspire strategy games today.
- [5 OGame Alternatives in 2025 — Between Retro Heritage and Design Renewal](https://www.beryldesign.fr/en/post/ogame-alternatives-2025): Discover how browser-based space games in 2025 blend minimalist design, smooth interfaces and retro heritage to reinvent the PBBG genre.
- [Save Time in Figma: Automatically Rename and Paginate Your Slides Before PDF Export](https://www.beryldesign.fr/en/post/figma-rename-paginate-slides-pdf-export): Build your presentations directly in Figma, rename and number your slides automatically, then export a clean PDF without any errors.
- [Copy Color Value: a Figma plugin to document your colors faster](https://www.beryldesign.fr/en/post/copy-color-value-figma-plugin): The Copy Color Value Figma plugin makes documenting colors easier: select a layer, display every color, and copy it in one click.
- [Delete Hidden Layers: Clean Up Your Figma Files in One Click](https://www.beryldesign.fr/en/post/delete-hidden-layers-clean-figma-files): The Delete Hidden Layers Figma plugin removes every hidden or locked layer except components, keeping your design files clean and lightweight.
- [Sort by Size: Organize Your Figma Layers by Dimensions](https://www.beryldesign.fr/en/post/sort-by-size-organize-figma-layers-by-dimensions): Sort by Size is a Figma plugin that organizes layers by width, height, or area, then arranges them in a line for visual analysis and consistency checks.
- [Krea.ai: When AI Reinvents Visual Creativity](https://www.beryldesign.fr/en/post/krea-ai-visual-creativity): Krea.ai generates AI images in real time: visuals, logos, textures. Hands-on review, concrete use cases and tips for designers.
- [Close Path: Close Your Vector Paths in One Click](https://www.beryldesign.fr/en/post/close-path-figma-plugin): The Figma plugin Close Path simplifies polygon creation by automatically closing your selected vector paths in a single click.
- [Export Original Images: Recover Your Source Visuals in One Click](https://www.beryldesign.fr/en/post/export-original-images-figma-plugin): The Figma plugin Export Original Images extracts the pictures used in your mockups at their native size and quality, with no cropping.
- [Copy & Rotate: Create Circular Patterns and Radial Menus in Figma](https://www.beryldesign.fr/en/post/copy-rotate-radial-menus-figma): The Figma plugin Copy & Rotate generates radial interfaces: select an element, set the number of copies and the sweep angle to build circular designs.
- [Annotate Design: Document Your Mockups in a Flash](https://www.beryldesign.fr/en/post/annotate-design-figma-plugin): The Figma plugin Annotate Design speeds up your workflow with a simple way to add comments and notes directly onto your mockups.
- [Vectorized (PNG to SVG): Transform Your Images into Vectors in Figma](https://www.beryldesign.fr/en/post/vectorized-png-to-svg-vectors-figma): The Vectorized Figma plugin converts PNG, JPEG and GIF images into vector graphics for infinite scalability and easy customization.
- [Section Auto‑Resize with 200 px Margin: Automate Spacing in Your Figma Sections](https://www.beryldesign.fr/en/post/section-auto-resize-200px-margin-figma): The "Section Auto‑Resize with 200 px Margin" plugin simplifies your Figma file organization by automatically adjusting section sizes and spacing around content.
- [Round to 8: Harmonize Your Layout with a Single Click](https://www.beryldesign.fr/en/post/round-to-8-harmonize-layout-single-click): The Figma Round to 8 plugin normalizes your layouts: round positions, sizes and spacing to an 8px grid in a single click.
- [The Design Market: Are Hybrid and Technical Profiles Making a Comeback?](https://www.beryldesign.fr/en/post/design-market-hybrid-technical-profiles): Design job offers increasingly favor senior product designers who handle both UX and UI — are hybrid, technical profiles making a comeback?
- [Figma Tip: Simplify Your Color Hunt Without Distractions](https://www.beryldesign.fr/en/post/figma-selection-colors-tip): In Figma, hunting for colors not linked to variables gets messy with multicolor logos and widgets. Here is a simple trick to clean it up.
- [Figma: Getting Around the Three-Page Limit? A Story and Best Practices](https://www.beryldesign.fr/en/post/figma-three-page-limit-workaround): In Figma's free plan, files are limited to three pages. Some designers work around it by copying a community file. Here is the honest take.
- [InstaRelinker: Reconnect Your Remote Components in a Flash](https://www.beryldesign.fr/en/post/instarelinker-reconnect-remote-figma-components): The InstaRelinker Figma plugin scans your files and automatically relinks remote component instances and styles to their local equivalents.
- [Unused Styles Remover: Clean Up Your Figma Files](https://www.beryldesign.fr/en/post/cleanup-unused-styles-figma): The Figma plugin Unused Styles Remover helps you identify and remove unused styles from your files including fonts, colors, effects, and grids.
- [ARC – Bend your type!: Curve Your Text with a Single Slider in Figma](https://www.beryldesign.fr/en/post/arc-bend-text-figma-plugin): The ARC – Bend your type! plugin lets you curve text into an arc directly in Figma. Select your layer, adjust the slider and apply the bend.
- [Type Tool: Circular and Curved Text Directly in Figma](https://www.beryldesign.fr/en/post/type-tool-curved-text-figma): The Figma plugin "Type Tool" offers two modes: Circle to curve text around a circle, and Curve to align text along a vector path.
- [Alphredo: Create Consistent Translucent Colors Instantly](https://www.beryldesign.fr/en/post/alphredo-figma-translucent-colors): The Figma plugin Alphredo calculates the perfect opacity to create consistent transparent colors that blend perfectly with any background.
- [Split Vectors: Simplify Vector Splitting in Figma](https://www.beryldesign.fr/en/post/split-vectors-simplify-vector-splitting): Split Vectors plugin lets you divide vectors into separate elements by color, shape, or segment. Automate vector splitting and speed up your design work.
- [uiGradients: Your Rainbow of Gradients Ready to Use in Figma](https://www.beryldesign.fr/en/post/uigradients-figma-gradient-plugin): The uiGradients plugin lets you instantly add beautiful, pre-designed gradients from the uigradients library to your Figma elements.
- [Grainy Gradient: Textured, Elegant Gradients in Figma](https://www.beryldesign.fr/en/post/grainy-gradient-figma-textured-gradients): The Grainy Gradient Figma plugin lets you generate smooth, textured gradients while controlling grain density, colors and intensity.
- [Text From Image: Extract Text with One Click in Figma](https://www.beryldesign.fr/en/post/text-from-image-ocr-figma-plugin): The Figma Text From Image plugin uses OCR to extract text from an image fill and automatically copy it to your clipboard.
- [Easing Gradients: The Figma Plugin That Softens Your Gradients](https://www.beryldesign.fr/en/post/easing-gradients-figma-plugin): The Easing Gradients Figma plugin applies cubic-bezier or step curves to smooth your gradient transitions for a polished, professional result.
- [How Astronova Reinvents OGame's Visual Universe to Build Its Own Identity](https://www.beryldesign.fr/en/post/astronova-ogame-visual-identity): Discover how Astronova reinvents OGame's visual world through a modern, mobile-optimized redesign that blends nostalgia with a fresh identity.
- [Using AI as a Creative Assistant: Hands-On Experience with Astronova](https://www.beryldesign.fr/en/post/ai-creative-assistant-astronova-experience): How AI became my creative copilot on Astronova: reimagining a spatial strategy game with modern, mobile-first UI—powered by intelligent tools.
- [Astronova: Creating a Mobile-First UI Inspired by Best Practices](https://www.beryldesign.fr/en/post/astronova-mobile-first-ui-design): Astronova rethinks the UX/UI of space management games with a mobile-first approach, built on Tailwind CSS, Figma and a structured design system.
- [OGame Mobile: A Sacrificed UX? A Critical Analysis of a Nostalgic Interface](https://www.beryldesign.fr/en/post/ogame-mobile-sacrificed-ux): OGame's mobile version disappoints with a cramped, poorly optimized UX. This article analyzes its limits and the birth of Astronova.
- [Astronova: Rethinking OGame with an Immersive, Accessible Experience for Nostalgic Players](https://www.beryldesign.fr/en/post/astronova-rethinking-ogame-immersive-accessible-experience): Astronova: a browser-based space strategy game inspired by OGame, redesigned UX-first. A modern, accessible tribute to the PBBG genre.
- [Creatie.ai: The AI-Assisted Design Tool](https://www.beryldesign.fr/en/post/creatie-ai-design-tool): Creatie.ai revolutionizes design with AI. From ideation to delivery, boost your efficiency and quality with its innovative tools.
- [Maximizing Visual Impact with Image Ratios: A Practical Guide to Interface Design](https://www.beryldesign.fr/en/post/image-aspect-ratios-ui-design): Discover how image aspect ratios shape interface design. A practical guide to building a smooth, intuitive user experience with consistent proportions.
- [Improve the Quality of Your Drop Shadows with the Figma Plugin 'Beautiful Shadows'](https://www.beryldesign.fr/en/post/figma-beautiful-shadows-plugin): Enhance your Figma designs with Beautiful Shadows, a simple and powerful plugin for creating aesthetic, consistent shadows in just a few clicks.
- [Jitter: The Animation Tool Revolutionizing Design](https://www.beryldesign.fr/en/post/jitter-animation-tool-design): Jitter is the simple, fast online animation tool. Import your Figma mockups and create smooth animations, no motion design skills required.
- [FigJam vs Miro: The Battle of the Digital Whiteboard Titans](https://www.beryldesign.fr/en/post/figjam-vs-miro-comparison): Compare FigJam and Miro for your collaborative projects. Discover the strengths and weaknesses of each to pick the right whiteboard tool.
- [Sketch vs. Figma: How the Historical Leader Lost Its Throne](https://www.beryldesign.fr/en/post/sketch-vs-figma-how-leader-lost-throne): Sketch vs Figma: how Figma came to dominate the design tool market, and whether Sketch still has a chance to reclaim ground.
- [Create and Update Your Style Guides in One Click with 'Automatic Style Guides'](https://www.beryldesign.fr/en/post/automatic-style-guides-figma-plugin): Create professional style guides in one click with the 'Automatic Style Guides' Figma plugin. Save time and keep your documentation always up to date.
- [The Fall of InVision: A Lesson in Innovation and Adaptation](https://www.beryldesign.fr/en/post/invision-fall-innovation-adaptation): How could a giant like InVision decline? Discover the reasons behind its fall and the key lessons for succeeding in a fast-changing design market.
- [Neo-Brutalism: A Breath of Freedom in Interface Design](https://www.beryldesign.fr/en/post/neo-brutalism-ui-design): Neo-brutalism in UI design: bold colors, raw contrasts and unapologetic shapes. Origins, principles and examples of this daring trend.
- [Rive vs Lottie: A New Era of Interactive and Dynamic Animations](https://www.beryldesign.fr/en/post/rive-vs-lottie-interactive-animations): Rive vs Lottie: comparing two tools for creating engaging, interactive animations for web, mobile and beyond.
- [Tailwind UI Colors App: Simplify Your Color Palette Creation](https://www.beryldesign.fr/en/post/tailwind-ui-colors-app-color-palette): Generate stunning color palettes, ensure accessibility, and streamline your Tailwind CSS projects effortlessly with this powerful web app.
- [Radix Colors: A Versatile, Aesthetically Pleasing, and Accessible Color Palette System](https://www.beryldesign.fr/en/post/radix-colors-versatile-accessible-color-palette): Discover Radix Colors, the open-source color system that enhances your web designs with a complete palette and powerful accessibility features.
- [The Art of Web Design: Bento, Metro UI, Grid and Masonry](https://www.beryldesign.fr/en/post/bento-metro-ui-grid-masonry-web-design): Improve your website's layout! Discover Bento, Metro UI, Grid and Masonry, four design styles with distinct features and uses.
- [Discover Hugeicons Pro: The Figma Plugin for a Stunning Icon Library](https://www.beryldesign.fr/en/post/hugeicons-pro-figma-icon-library-plugin): Access thousands of icons, customize them and save time in Figma. Hugeicons Pro is the essential tool for stunning interface designs.
- [SVG Grabber: Essential Tool for Designers and Web Developers](https://www.beryldesign.fr/en/post/svg-grabber-essential-tool-designers-web-developers): Extract SVG assets from websites with ease. Preview, download, and integrate SVGs directly. Free Chrome extension for designers and developers.
- [Optimize Your Vector Designs with the New Fill Rule Editor Plugin for Figma](https://www.beryldesign.fr/en/post/optimize-vector-designs-fill-rule-editor-figma-plugin): Optimize your Figma vectors by changing fill rules for perfect compatibility and correct display across different formats and platforms.
- [Penpot 2.0: Revolutionizing Collaborative Design](https://www.beryldesign.fr/en/post/penpot-2-0-revolutionizing-collaborative-design): Streamline team collaboration with Penpot 2.0's powerful features, intuitive interface, and integrated HTML code generation for seamless design workflows.
- [Tabler Icons: A Complete Icon Collection for All Your Needs](https://www.beryldesign.fr/en/post/tabler-icons-complete-icon-collection): Tabler Icons is an extensive, free, and customizable open-source SVG icon library, easy to integrate into any web and mobile interface.
- [Create Revolutionary Web Experiences with the Dynamic Duo of Webflow & Spline](https://www.beryldesign.fr/en/post/webflow-spline-3d-web-experiences): Create unique web experiences by blending 2D design with 3D modeling for captivating interactions. Discover the Webflow and Spline duo.
- [Spline, the 3D design tool in the browser with real-time collaboration](https://www.beryldesign.fr/en/post/spline-3d-design-tool-browser-realtime-collaboration): Spline: create, animate, and share 3D scenes in the browser, together in real-time. The next-generation 3D design tool, explained.
- [Introduction to Responsively, the App to Optimize Your Website's Responsive Design](https://www.beryldesign.fr/en/post/responsively-app-test-responsive-design): Responsively App: view and test your website on every screen at once. The tool that speeds up responsive development for designers.
- [Lottie Creator: the new revolution in animation creation](https://www.beryldesign.fr/en/post/lottie-creator-animation-tool): Lottie Creator: revolutionize your animations with this powerful, intuitive tool. Build interactive, customized animations with ease.
- [Discover Lucide Icons: Your Complete Guide to Flawless Icons](https://www.beryldesign.fr/en/post/lucide-icons-complete-guide): Lucide Icons is a lightweight, customizable open-source SVG icon library. Our guide to picking and integrating them into your interfaces.
- [Image Filler: The Plugin for Automatic Scaling and Cropping of Your Images](https://www.beryldesign.fr/en/post/image-filler-figma-image-scaling-plugin): ImageFiller for Figma simplifies image management with flexible scale modes, precise positioning, and an intuitive interface for designers.
- [Figma to Webflow: the plugin that turns your designs into websites](https://www.beryldesign.fr/en/post/figma-to-webflow-plugin): Figma to Webflow: convert your Figma mockups into Webflow sites while preserving structure and styles. The plugin that speeds up integration.
- [The Figma Morph Plugin: A Creative Tool to Add Visual Effects to Your Designs](https://www.beryldesign.fr/en/post/figma-morph-plugin-visual-effects): Transform your Figma designs with Morph! Over 20 visual effects for limitless creativity. Try Morph and elevate your interfaces and illustrations.
- [Create Websites Effortlessly with Blocsapp, an Innovative WordPress Alternative](https://www.beryldesign.fr/en/post/blocsapp-wordpress-alternative): Build websites easily with Blocsapp. Intuitive interface, prebuilt blocks, and full customization. Try it for free today.
- [Make Chart Creation Easy with the Figma Plugin "Chartline"](https://www.beryldesign.fr/en/post/chartline-figma-chart-plugin): Create Figma charts in seconds with Chartline: import your data, choose a chart type and customize it without leaving your design.
- [WordPress vs Webflow: Choose the Best Platform for Your Website](https://www.beryldesign.fr/en/post/wordpress-vs-webflow-choose-best-platform): WordPress vs Webflow: comparing features and ease of use to help you choose the best platform for your website.
- [The Figma Image Tracer Plugin: Your Ally for Turning Images into Vectors](https://www.beryldesign.fr/en/post/figma-image-tracer-plugin): Figma Image Tracer converts your images into vectors and boosts your creativity. Discover how this plugin can transform your design workflow.
- [Automate Component Specs in Figma with EightShapes Specs](https://www.beryldesign.fr/en/post/figma-eightshapes-specs-plugin): EightShapes Specs automates precise design specs in Figma. Save time documenting components and streamline your design system workflow.
- [Template vs Custom Design: Choosing the Right Website Solution](https://www.beryldesign.fr/en/post/template-vs-custom-design-website): Template vs custom design: understand the pros and cons of each approach to choose the right solution for your business's online presence and growth.
- [Easily Find Any Element in Your Figma File with Similayers](https://www.beryldesign.fr/en/post/easily-find-figma-similayers): Similayers: the essential Figma tool to save time and gain precision in design. Discover how this powerful plugin revolutionizes your design workflow.
- [The Perfect Balance: Exploring the Power of Spacing with the 8pt Grid](https://www.beryldesign.fr/en/post/8pt-grid-spacing-system): Discover how the 8pt grid system delivers a powerful approach to spacing, helping you create layouts that are both aesthetic and functional.
- [Visually Find the Center of Any Shape with the Visual Center Plugin](https://www.beryldesign.fr/en/post/visual-center-plugin-find-shape-center): The Visual Center Figma plugin simplifies locating the visual center of vector shapes. Save time and increase precision with intelligent calculation methods.
- [Beyond Dribbble: A Creative Odyssey](https://www.beryldesign.fr/en/post/beyond-dribbble-creative-odyssey): A graphic creator shares their journey on Dribbble, from passionate beginnings to the difficult decision to leave the platform.
- [Bento Design: The Must-Know UI Trend in 2025 (Guide & Examples)](https://www.beryldesign.fr/en/post/bento-grid-design): Bento Design: the 2025 UI trend inspired by the Japanese lunchbox. Principles, origins and best practices to adopt it, with examples.
- [Organize and Optimize Elements in Your Figma File with the Organiser Plugin](https://www.beryldesign.fr/en/post/figma-organiser-plugin-organize-elements): The Figma Organiser plugin is a simple, efficient tool to distribute and arrange your elements on the canvas, saving time in your design workflow.
- [Become an Expert at Converting Styles to Variables in Figma](https://www.beryldesign.fr/en/post/styles-to-variables-figma-plugin): The "Styles to Variables" plugin simplifies variable creation, collection organization, and color style detection in Figma.
- [Detach Instances, Styles, Remove Auto Layout and More with the Destroyer Plugin](https://www.beryldesign.fr/en/post/figma-destroyer-plugin): The Figma Destroyer plugin lets you selectively degrade your Figma files by detaching instances, removing styles and stripping Auto Layout.
- [Fake-Door Testing: A Discreet Method to Gauge User Interest](https://www.beryldesign.fr/en/post/fake-door-testing-user-interest): Fake-door testing lets you validate interest in a feature before building it, via a fake entry point. Learn the method, examples, and best practices.
- [Breathe New Life Into Your Website: The Keys to a Graphic Redesign](https://www.beryldesign.fr/en/post/website-graphic-redesign-keys): A website redesign is a strategic transformation that helps you build an online presence which captivates visitors and converts them into customers.
- [Atomic Design: A Modular Approach for Responsive and Scalable Interfaces](https://www.beryldesign.fr/en/post/atomic-design-modular-approach): Atomic Design is a UI methodology for building modular, scalable systems. Learn its principles, benefits, and how to implement it step by step.
- [Convert Text Case with Figma Case Convert Plugin](https://www.beryldesign.fr/en/post/figma-case-convert-text-plugin): The Figma Case Convert plugin transforms text to uppercase, lowercase, or sentence case in a few clicks, simplifying your design workflow.
- [Optimize Your Text Styles and Simplify Your Projects with the Figma Font Fascia Plugin](https://www.beryldesign.fr/en/post/optimize-your-text-styles-and-simplify-your-projects-with-the-figma-font-fascia-plugin): How to use the Figma Font Fascia plugin to optimize text style usage and ensure optimal performance without unnecessary complications.
- [Dark Mode Explained: From Visual Comfort to Aesthetics, a Complete Exploration](https://www.beryldesign.fr/en/post/dark-mode-visual-comfort-aesthetics): Dark Mode is a practical and aesthetic display option with many benefits. Discover when to use it and the best design practices to apply it.
- [Use the Insert Big Image Plugin to Import Large Images from Figma](https://www.beryldesign.fr/en/post/insert-big-image-plugin-figma): Import large images into Figma without quality loss using the Insert Big Image plugin. Overcome Figma's 4096-pixel limit and maintain visual quality in your mockups.
- [Elegant Lines and Smart Connections: Master the Autoflow Plugin in Figma](https://www.beryldesign.fr/en/post/autoflow-figma-plugin-connect-frames): Autoflow is the Figma plugin that automates connections between frames. Discover how it streamlines wireframing and speeds up your design workflow.
- [Use Google's Material Design Icons with the Figma Plugin](https://www.beryldesign.fr/en/post/google-material-design-icons-figma-plugin): The Material Design Icon plugin for Figma makes it easy to bring Google's Material Design icon set into your projects.
- [UI Kit vs. Design System: Understanding the Crucial Differences](https://www.beryldesign.fr/en/post/ui-kit-vs-design-system-key-differences): Understand the essential differences between UI Kit and Design System. Complete guide with examples, use cases and recommendations for your project.
- [Easily Create and Customize Stunning Illustrations in Figma with the Blush Plugin](https://www.beryldesign.fr/en/post/blush-figma-illustrations-plugin): Discover Figma Blush, the plugin to find, customize, and add beautiful illustrations to your Figma projects quickly and effortlessly.
- [Simplify Your Design with Dummy Text Using Figma's "Lorem Ipsum" Plugin](https://www.beryldesign.fr/en/post/figma-lorem-ipsum-plugin-dummy-text): Figma's Lorem Ipsum plugin is a tool that allows you to quickly and easily generate dummy content for mockups, helping you focus on design.
- [Low-Code vs No-Code: Key Differences](https://www.beryldesign.fr/en/post/low-code-vs-no-code-differences): Low-code vs no-code: two approaches to build apps faster and cheaper. Learn their key differences and how to choose the right one for your project.
- [How to Assess Design Maturity in Your Company](https://www.beryldesign.fr/en/post/assess-design-maturity-company): Design maturity is a key success factor for companies. Learn how to assess it across 5 key areas and turn design into a real competitive advantage.
- [A Complete Exploration of Skeuomorphism in Interface Design](https://www.beryldesign.fr/en/post/skeuomorphism-in-ui-design): Skeuomorphism is an interface design approach that borrows visual elements from the real world to make digital products feel familiar and intuitive.
- [Regressor for Figma: Simplify Managing Variants and Boolean Properties](https://www.beryldesign.fr/en/post/regressor-figma-plugin-boolean-variants): Simplify creating and managing variants and boolean properties with Regressor, a Figma plugin that automates your design workflow.
- [Gestalt Theory in UX Design: Principles, Applications, and Limits](https://www.beryldesign.fr/en/post/gestalt-theory-ux-design): How Gestalt theory helps you design intuitive UX interfaces: principles, real-world applications, and the limits every designer should know.
- [Shadows and Depth in UI Design: A Trending Approach](https://www.beryldesign.fr/en/post/shadows-depth-ui-design): Shadows and depth in UI design: a trend that adds volume to elements, enhances navigation, and creates immersive user experiences.
- [Easily Document Your Design System with Figmayo, the ZeroHeight Alternative](https://www.beryldesign.fr/en/post/figmayo-design-system-documentation): Figmayo lets designers create and share design system documentation straight from Figma. Discover this simpler alternative to ZeroHeight.
- [Voice User Interface: A Technological Revolution in the Design World](https://www.beryldesign.fr/en/post/voice-user-interface-design-revolution): The voice user interface is a technological revolution reshaping how we interact with technology. Explore its origins, design challenges and best practices.
- [Neumorphism: between tactile aesthetics and visual challenges in UI design](https://www.beryldesign.fr/en/post/neumorphism-ui-design): Neumorphism is a UI design style that blends the tactile feel of skeuomorphism with the simplicity of flat design and its own visual challenges.
- [Material Design: the art of designing immersive interfaces](https://www.beryldesign.fr/en/post/material-design-immersive-interfaces): Material Design is an interface design approach that draws on the physical world to create more immersive, engaging and consistent user interfaces.
- [Minimalism and Flat Design: The Art of Simplicity in UI Design](https://www.beryldesign.fr/en/post/minimalism-flat-design-ui): Minimalism and flat design, two UI design trends, embrace simplicity and clarity to improve the user experience and interface usability.
- [Designing for Accessibility](https://www.beryldesign.fr/en/post/designing-for-accessibility): Accessibility in UI design: how to create inclusive interfaces for everyone by following WCAG standards, guidelines and best practices.
- [The Psychology Behind UI Design](https://www.beryldesign.fr/en/post/psychology-behind-ui-design): Understand user psychology to design more intuitive, engaging interfaces. Discover how cognitive principles shape great UI design decisions.
- [Adaptive and Responsive Design](https://www.beryldesign.fr/en/post/adaptive-responsive-design): Adaptive and responsive design: how to build exceptional user experiences across every device, from smartphones to tablets and desktops.
- [The Fundamental Principles of UI Design](https://www.beryldesign.fr/en/post/ui-design-principles): The fundamental principles of UI Design: how to create user interfaces that are effective, clear, and genuinely enjoyable to use.
- [Penpot vs Figma: The Ultimate 2025 Comparison (Price, Features, Offline)](https://www.beryldesign.fr/en/post/penpot-vs-figma-2025-comparison): Should you switch from Figma to Penpot 2.0? Complete comparison: price, CSS Grid, offline mode and performance. The verdict for designers in 2025.
- [Organize Component Variants with the Figma Simple Sort Plugin](https://www.beryldesign.fr/en/post/simple-sort-figma-plugin-organize-variants): Simplify managing Figma component variants with the Simple Sort plugin. Organize, sort, and automate your workflow with ease.
- [Procreate: The Essential Digital Art Creation Application](https://www.beryldesign.fr/en/post/procreate-digital-art-creation-app): Procreate: the essential iPad drawing app, with powerful tools and an intuitive interface for illustrations and paintings.
- [Create Lottie Animations from Figma with the Official "LottieFiles" Plugin](https://www.beryldesign.fr/en/post/lottie-animations-figma-lottiefiles-plugin): The LottieFiles plugin for Figma lets you add Lottie animations to your designs and export production-ready motion for a richer user experience.
- [Unleash Your Creativity with the Figma "Blobs" Plugin: Unique Shapes and Captivating Designs](https://www.beryldesign.fr/en/post/figma-blobs-plugin-organic-shapes): Figma Blobs plugin: create unique, expressive organic shapes for your design projects and dive into a world of endless creative possibilities.
- [More productive layouts thanks to Content Reel's text, images and icons](https://www.beryldesign.fr/en/post/content-reel-figma-plugin): The Figma plugin Content Reel: enrich your mockups and prototypes with a complete library of text, images and icons to design faster.
- [Unsplash: The Essential Figma Plugin for Design Inspiration](https://www.beryldesign.fr/en/post/unsplash-figma-plugin-visual-inspiration): Find high-quality, royalty-free images for your design projects with the Unsplash Figma plugin. Discover how this essential tool integrates seamlessly into your workflow.
- [Find Unstyled Elements or Merge Similar Styles with Style Organizer](https://www.beryldesign.fr/en/post/find-unstyled-elements-merge-similar-styles): Manage your Figma styles more effectively with the Style Organizer plugin, which finds unstyled elements and merges similar styles.
- [Nisa Text: The Ideal Plugin to Simplify Your Typography Work](https://www.beryldesign.fr/en/post/nisa-text-figma-plugin): Save time and simplify your typography work with the Nisa Text plugin for Figma. Split, sort, group and reorganize text with ease.
- [Master Your Element Layout with the Figma 'Masonry Grid' Plugin](https://www.beryldesign.fr/en/post/figma-masonry-grid-plugin): Organize your compositions into a grid with the Figma "Masonry Grid Layout Organizer" plugin. In the world of design, clarity is key.
- [Transform Web Pages into Editable Figma Mockups with the Builder.io Plugin](https://www.beryldesign.fr/en/post/builder-io-figma-mockups): Builder.io for Figma: import web pages into editable mockups, export to code and generate content with AI. The all-in-one plugin explained.
- [Simplify Creating and Managing Your Figma Styles with the Styler Plugin](https://www.beryldesign.fr/en/post/styler-plugin-figma-styles): Discover how the Styler plugin simplifies bulk style creation and management in Figma based on layer names, saving you time and improving design system efficiency.
- [Propstar: The Figma Plugin for Generating Instance Tables in One Click](https://www.beryldesign.fr/en/post/propstar-figma-component-instance-tables): Propstar for Figma visualizes component variations instantly. Create instance tables in one click to see all combinations and optimize your design system workflow.
- [Turn Your Mockups Into High-Quality Images with "Flatten Selection to Bitmap"](https://www.beryldesign.fr/en/post/figma-flatten-selection-to-bitmap): Convert your Figma mockups into high-quality images with the Flatten Selection to Bitmap plugin and bypass Figma's export size limits.
- [Simplify Your Mockup Creation Process with Figma's Mockup Plugin](https://www.beryldesign.fr/en/post/figma-mockup-plugin-simplify-process): Create high-quality mockups in seconds with Figma's Mockup plugin. Speed up your design workflow with an intuitive library and advanced customization options.
- [Convert Any Website into Figma Mockups with the 'Html.To.Design' Plugin](https://www.beryldesign.fr/en/post/convert-website-to-figma-html-to-design): html.to.design: import any website into Figma as editable layers from a single URL. The plugin that speeds up your web redesigns.
- [How to Generate the Shades of a Color with the Figma Color Shades Plugin](https://www.beryldesign.fr/en/post/figma-color-shades-plugin): Color Shades: generate a color's full range of tints in one click in Figma. The perfect plugin for building consistent palettes.
- [Transform Your Layers into a Color Explosion with Confetti for Figma](https://www.beryldesign.fr/en/post/confetti-for-figma-color-burst): Discover Confetti for Figma: a plugin that generates customizable confetti particles to add fun and vibrancy to your design work effortlessly.
- [Don't Miss Out on the “Mesh Gradient” to Illustrate Your Designs in Figma](https://www.beryldesign.fr/en/post/mesh-gradient-figma-plugin): Create richer, more detailed gradients with the Mesh Gradients plugin for Figma. Perfect gradients made simple for designers.
- [Organize Your Figma Files by Renaming Elements in Bulk with Rename It](https://www.beryldesign.fr/en/post/figma-bulk-rename-layers): Organize your Figma design projects by easily and efficiently renaming layers in bulk with the Rename It plugin. Save time managing your layers.
- [Long Shadow Generator: A 10-Year Retrospective](https://www.beryldesign.fr/en/post/longshadow-generator-retrospective-10-years): A 10-year retrospective on the Long Shadow Generator, the tool that shaped a UI design trend and inspired Beryl Design.
- [Easily Find Your Instances with the Figma Instance Finder Plugin](https://www.beryldesign.fr/en/post/figma-instance-finder-plugin): Speed up your Figma workflow with the Instance Finder plugin. Quickly locate component instances in complex design files with advanced search features.
- [Simplify Text Style Creation and Management with Text Styles Generator](https://www.beryldesign.fr/en/post/simplify-text-styles-figma-plugin): Easily create and manage consistent text styles with the Figma Text Styles Generator plugin. Learn how to use its powerful features to streamline your design workflow.
- [Define your project's typography with the "Typescales" plugin](https://www.beryldesign.fr/en/post/typescales-figma-typography-plugin): Typescales lets you create consistent, effective typography in your Figma design projects using a smart layout tool driven by a base size and a scale factor.
- [Master Isometric Design with the Easometric Plugin](https://www.beryldesign.fr/en/post/master-isometric-design-easometric-plugin): Create stunning isometric view visuals with the Easometric Figma plugin. Learn how this essential tool simplifies perspective-based design for professionals.
- [Skew Your Shapes Precisely with the SkewDat Plugin](https://www.beryldesign.fr/en/post/skewdat-figma-plugin-skew-shapes): Skew shapes precisely and intuitively with the SkewDat plugin for Figma. Set exact values to reproduce your mockup pixel-perfect.
- [Prospero, the Webflow UI Kit that Simplifies Website Creation](https://www.beryldesign.fr/en/post/prospero-webflow-ui-kit): Create professional and modern websites quickly with Prospero, the official Webflow UI kit that includes 85 sections, 10 layouts, and 2 templates.
- [Webflow: The No-Code Tool for Creating Professional Websites](https://www.beryldesign.fr/en/post/webflow-no-code-website-builder): Create professional-quality websites without writing code using Webflow, the no-code website builder. Learn how to design high-quality sites easily and quickly.
- [No-code: a revolution for developers and businesses](https://www.beryldesign.fr/en/post/no-code-revolution-developers-businesses): No-code development lets anyone build apps and websites without writing code. See how it speeds up projects for developers and businesses.
- [Quickly Organize Layers and Frames with the Figma Sorter Plugin](https://www.beryldesign.fr/en/post/quickly-organize-layers-frames-figma-sorter): Quickly organize your Figma frames with the Sorter plugin, a simple way to keep large files structured and easy to navigate.
- [Add 3D to Your Designs with the Vectary 3D Elements Plugin](https://www.beryldesign.fr/en/post/figma-vectary-3d-elements-plugin): Create and add 3D elements to your Figma designs with Vectary 3D Elements, a powerful plugin for importing, editing and customizing 3D models.
- [Showcase Your Designs with the Perspective Toolkit Plugin!](https://www.beryldesign.fr/en/post/perspective-toolkit-figma-plugin): Add depth and perspective to your Figma designs with the Perspective Toolkit plugin to create custom mockups and showcase your work.
- [Resize Your Elements with Figma's Updated Scale Tool](https://www.beryldesign.fr/en/post/figma-scale-tool-resize-update): Figma's improved Scale tool enables faster, more precise resizing with anchor points and scaling multipliers.
- [Lighten Your Figma Project Files with the 'Downsize' Plugin](https://www.beryldesign.fr/en/post/figma-downsize-plugin): Reduce the size of your Figma project images with the Downsize plugin and keep working smoothly, even on heavy files full of oversized images.
- [Use or Create Any Mockup with the Angle Figma Plugin](https://www.beryldesign.fr/en/post/angle-figma-plugin-realistic-mockups): Create realistic mockups with Angle, the Figma plugin that applies perspective and isometric rendering for stunning presentations.
- [Manage Your Text More Easily with the Figma "Select by Font" Plugin](https://www.beryldesign.fr/en/post/figma-select-by-font-plugin): Easily visualize every typeface used across a selection with the Select by Font plugin for Figma and quickly fix inconsistent text styles.
- [Optimize Element Scaling with Figma Scale Plugin!](https://www.beryldesign.fr/en/post/optimize-element-scaling-with-figma-scale-plugin): Resize elements while keeping proportions intact with Figma's Scale plugin, bringing harmony and readability to your interfaces.
- [Discover the Batch Styler Figma Plugin: Bulk Style Editor!](https://www.beryldesign.fr/en/post/batch-styler-figma-plugin): Batch Styler is a Figma plugin that makes your life easier. Edit multiple text and color styles at once without tedious manual updates.

## Resources (EN)
- [Behance Project Template Mockup](https://www.beryldesign.fr/en/resource/behance-project-template-mockup): A free Behance mockup to preview your profile and project pages, customize your grid like Instagram, and see the result before publishing.
- [Folio Starter Website Template](https://www.beryldesign.fr/en/resource/folio-starter-website-template): Discover Folio, a Webflow template with Figma previews. Visualize and customize pages before publishing. Features responsive design and auto-layout.
- [Biznus Website Template](https://www.beryldesign.fr/en/resource/biznus-website-template): Discover Biznus, a Webflow theme. Preview and edit page mockups in Figma before publishing. Customize elements and update your site professionally.
- [Vegetable Illustration Pack](https://www.beryldesign.fr/en/resource/vegetable-illustration-pack): Discover our vibrant illustration pack with e-commerce themes. Fully customizable and high-resolution, perfect for web projects, apps, and presentations.
- [Fruits Illustration Pack](https://www.beryldesign.fr/en/resource/fruits-illustration-pack): Discover our colorful, customizable fruit illustration pack — a high-resolution addition to your web and app design projects.
- [Business Starter Website Template](https://www.beryldesign.fr/en/resource/business-starter-website-template): Business is one of Webflow's themes. The Figma file lets you preview and edit every page's mockups before publishing your website.
- [Portfolio Photo Website Template](https://www.beryldesign.fr/en/resource/portfolio-photo-website-template): Discover this Webflow photography portfolio template. Use Figma to preview and customize each page design before launching your site with professional updates.
- [Shopping Icon Pack](https://www.beryldesign.fr/en/resource/shopping-icon-pack): Our icon pack offers a constantly growing collection of minimalist, fully customizable icons with e-commerce themes, perfect for apps, web, and presentations.
- [Store Starter Website Template](https://www.beryldesign.fr/en/resource/store-starter-website-template): Discover Store, a Webflow theme with an editable Figma file so you can preview and customize every page before publishing your site.
- [El Store Retail Website Template](https://www.beryldesign.fr/en/resource/el-store-retail-website-template): Discover El Store, a Webflow theme with an editable Figma file so you can preview and customize every page before launching your site.
- [Bakery Pastry Icon Pack](https://www.beryldesign.fr/en/resource/bakery-pastry-icon-pack): A growing collection of minimalist, customizable bakery and pastry icons, perfect for apps, web and presentations.
- [Prospero Webflow eCommerce UI Kit](https://www.beryldesign.fr/en/resource/prospero-webflow-ecommerce-ui-kit): Discover Prospero, Webflow's UI kit: preview and edit every page in Figma before launch, then customize and update it professionally.
- [Arrows Icon Pack](https://www.beryldesign.fr/en/resource/arrows-icon-pack): A growing collection of minimalist, fully customizable arrow icons for apps, web, and presentations, delivered in high resolution.
- [Grit Retail Website Template](https://www.beryldesign.fr/en/resource/grit-retail-website-template): Explore Grit, a Webflow theme template. This Figma file lets you preview and customize page designs before launching your site, ensuring professional deployment.
- [Ecommerce Icon Pack](https://www.beryldesign.fr/en/resource/ecommerce-icon-pack): A collection of minimalist, fully customizable e-commerce icons perfect for applications, websites, and presentations. All in high resolution and easy to customize.
- [Allergen Icon Pack](https://www.beryldesign.fr/en/resource/allergen-icon-pack): A growing collection of minimalist, fully customizable food allergen icons in high resolution, perfect for apps, web and presentations.
- [Weather Icon Pack](https://www.beryldesign.fr/en/resource/weather-icon-pack): Minimalist, fully customizable weather-themed icons for apps, web, and presentations. High resolution, easily customizable, and growing.
- [Luma Retail Website Template](https://www.beryldesign.fr/en/resource/luma-retail-website-template): Discover Luma, a Webflow theme. This Figma file helps visualize and customize page mockups before launch. Preview your site and personalize elements efficiently.
- [Social Media Icon Pack](https://www.beryldesign.fr/en/resource/social-media-icon-pack): A growing collection of minimal, customizable social media icons for apps, web, and presentations. Available in SVG, PNG, and JPG with elegant design.