# Creative Design Ideas & Trends ![ Collage of multiple finance and fintech websites showcasing 2026 design trends: minimalism, clean typography, human photography, and premium user experience.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6914bb249706c9e826b9eb98_tendances-2026-design-site-finance.jpg)DocumentationDesignAll blog post ### 2026 Design Trends for Finance Websites [2026 Design Trends for Finance Websites](/blog/2026-design-trends-for-finance-websites)2026 Design Trends for Finance Websites![Futuristic “CRO 2026” illustration with an open door symbolizing new opportunities in conversion rate optimization.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68c3f6e71a214f60cdff7431_main-cro-2025%20(1).jpg)DocumentationDesignAll blog post ### The Ultimate CRO Guide for 2026: Strategies, Tools & Tactics to Boost Conversions [The Ultimate CRO Guide for 2026: Strategies, Tools & Tactics to Boost Conversions](/blog/ultimate-cro-guide-strategies-tools-tactics-to-boost-conversions)The Ultimate CRO Guide for 2026: Strategies, Tools & Tactics to Boost Conversions![Visual overview of several modern web typefaces in 2025, each displayed on a vibrant background: Editorial New, DM Serif Display, Aeonik, SF Pro Rounded, Rader, Champ, Monument, Canicule, Clash Display, Supply, Agrandir, and more — a graphic composition highlighting typographic diversity.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/684fd5412e966c619e803c70_opengraph%20(1).jpg)DocumentationDesignAll blog post ### The 20 Best Fonts for a Modern and Impactful Website in 2026 [The 20 Best Fonts for a Modern and Impactful Website in 2026](/blog/the-20-best-fonts-for-modern-and-impactful-website-in-2025)The 20 Best Fonts for a Modern and Impactful Website in 2026![Logo Jitter with black and violet background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6793551faf76dce347f3b34c_jitter-og%20(1).jpg)DocumentationDesignAll blog post ### Jitter, the best motion design tool online [Jitter, the best motion design tool online](/blog/jitter-the-best-motion-design-tool-online)Jitter, the best motion design tool online![Visual representation of websites and web design trends](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6785f843c39e22b1d7798f59_webdesign-trends%20(1).jpg)DocumentationDesignAll blog post ### The 5 Web Design Trends for 2026 [The 5 Web Design Trends for 2026](/blog/5-web-design-trends-2025)The 5 Web Design Trends for 2026![View of a Relume UI mockup on a beige background with a Style Guide Beta button and purple gradients.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6759be98f88f7bb91f371dd0_673474d9a521c0cf55b74fb2_style-guide-builder-ai-relume.jpeg)NewsDesignAll blog post ### Could this AI Style Guide Generation Tool Replace a Designer? [Could this AI Style Guide Generation Tool Replace a Designer?](/blog/tool-generation-style-guide-with-ai-replaces-designer)Could this AI Style Guide Generation Tool Replace a Designer?![Photo of Yann, Pierre, Océane during the podcast on design in the digital age.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/677650943cd57cac79752211_open-graph-itv-bellot.jpg)DocumentationDesignAll blog post ### Design in the Digital Age: Evolution, UI Culture, and Passing it on to New Generations [Design in the Digital Age: Evolution, UI Culture, and Passing it on to New Generations](/blog/digital-era-design-evolution-culture-ui-transmission-new-generations)Design in the Digital Age: Evolution, UI Culture, and Passing it on to New Generations![Image of the Figma Slide interface with the PowerPoint, Prezi, and Canva logos next to it.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710c74f9b7a34d786455079_66bb365ba545ab1007b143cd_main-figma-slides-alternative-powerpont-canva-prezi.jpeg)NewsDesignAll blog post ### Figma Slides the new tool for creating presentations: an alternative to PowerPoint Prezi and Canva [Figma Slides the new tool for creating presentations: an alternative to PowerPoint Prezi and Canva](/blog/figma-slides-new-tool-create-presentations-alternative-powerpoint-prezi-canva)Figma Slides the new tool for creating presentations: an alternative to PowerPoint Prezi and Canva![Figma Zip Export](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710ccaa1c99392a2d7cbfab_6695392ea69a2e72e7098b8d_figma-zip-export.jpeg)DocumentationDesignAll blog post ### Why does Figma export my files in zip format? [Why does Figma export my files in zip format?](/blog/why-figma-exports-my-files-in-zip-format)Why does Figma export my files in zip format?![Fonts Sport Events 2024](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710ccf13f59cca7a081115b_668669f443d64b6634a2ae8b_thumbnail-fonts-sport-event-2024.jpeg)DocumentationDesignAll blog post ### The typographies of the major sporting events of 2024 [The typographies of the major sporting events of 2024](/blog/typographies-great-sporting-events-2024)The typographies of the major sporting events of 2024![Displays new features of the 2024 Figma config.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710cd1b941d9a8a02950d3d_667ee48962b303e63f94c5f3_config-2024-news.jpeg)NewsDesignAll blog post ### The New Features of the 2024 Config: A Comprehensive Overview [The New Features of the 2024 Config: A Comprehensive Overview](/blog/new-features-config-2024)The New Features of the 2024 Config: A Comprehensive Overview![Photo from the Figma Watch Party in Paris on the occasion of Config 2024, featuring the logos of Digidop, Flomodia, UX Republic, and Friends of Figma.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710f8f2dae41db74e52b65f_667d74e7f0b4fcdbe71fcf8c_config-2024-figma-watch-party-paris.jpeg)EventsDesignAll blog post ### Figma Watch Party Paris | Config 2024 [Figma Watch Party Paris | Config 2024](/blog/figma-watch-party-paris-config-2024)Figma Watch Party Paris | Config 2024![5 Free Modern Fonts - 06/2024](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710f9184207c1cae56b6b00_6655d54352714b6ea682286c_thumbnail-5-free-modern-fonts-june-2024.jpeg)DocumentationDesignAll blog post ### 5 Modern Free Fonts - June 2024 [5 Modern Free Fonts - June 2024](/blog/5-free-modern-fonts-june-2024)5 Modern Free Fonts - June 2024![Thumbnail of the best design resources with a top 2024 yellow badge and an image of an office in the background.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710fa382a9f518b59f3f467_664b48583e391d5c011051b3_ressources-design-2024.jpeg)DocumentationDesignAll blog post ### Top resources to become a Pro Web Designer in 2024 [Top resources to become a Pro Web Designer in 2024](/blog/top-resources-to-become-a-pro-web-designer-2024)Top resources to become a Pro Web Designer in 2024![Several YouTube channel thumbnails on Figma and web design with a YouTube logo.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710feeccbbea01ff819819c_66103b2e109e903891c7edca_chai%25CC%2582nes-youtube-figma-2024.jpeg)NewsDesignAll blog post ### The 6 YouTube Channels to Follow in 2024 to Learn Figma [The 6 YouTube Channels to Follow in 2024 to Learn Figma](/blog/6-youtube-channels-to-follow-2024-learn-figma)The 6 YouTube Channels to Follow in 2024 to Learn Figma![new Decathlon logo on an iceberg](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710ff19c9e2ec8b39ee2e5c_65f520dadc59c77203e0d40b_rebranding-d%25C3%25A9cathlon-nouveau-logo.jpeg)NewsDesignAll blog post ### A new logo for Decathlon: The tip of the iceberg? [A new logo for Decathlon: The tip of the iceberg?](/blog/new-logo-for-decathlon-iceberg-emergent-part)A new logo for Decathlon: The tip of the iceberg?![Event announcement image for Figma with Digidop in Paris.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711004d18d4ceb2634cc361_65e04515287a957252b45d7a_event-friends-of-figma-paris-digidop.jpeg)NewsDesignAll blog post ### How to Break Down Marketing / Design / Development Barriers for Better Web Performance? [How to Break Down Marketing / Design / Development Barriers for Better Web Performance?](/blog/how-to-break-marketing-design-development-barriers-for-better-web-performance)How to Break Down Marketing / Design / Development Barriers for Better Web Performance?![Weglot, Figma, and Webflow logos with new language switchers for website](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671102d5bfa41418097e814c_659d1388e4c3a342f0d4b965_switcher-weglot%2520(1).jpeg)NewsDesignAll blog post ### Digidop collaborates with Weglot for the design of new translation switchers. [Digidop collaborates with Weglot for the design of new translation switchers.](/blog/digidop-collaborates-weglot-design-new-switchers-translation)Digidop collaborates with Weglot for the design of new translation switchers.![Figma logo with the year 2024 and the words AI, Business, Collaboration.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67110359aaf52de4964dbbb9_65a3d1651bff27dcd45f1e7c_figma-2024%2520(1).jpeg)NewsDesignAll blog post ### Figma 2024: The Web Design Leader That No Company Can Do Without [Figma 2024: The Web Design Leader That No Company Can Do Without](/blog/figma-2024-webdesign-leader-no-company-can-do-without)Figma 2024: The Web Design Leader That No Company Can Do Without![pop up marketing of the jetson mute site](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67112642cebc165b2cb87f94_651082c4eec7af103cdad163_main-utiliser-pop-ups.png)NewsDesignAll blog post ### 5 Pop-Up Inspirations to Optimize Your Website [5 Pop-Up Inspirations to Optimize Your Website](/blog/5-inspirations-pop-ups-optimize-website)5 Pop-Up Inspirations to Optimize Your Website![multiple inspirational website interfaces](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67115422aeabde9e635179f8_64dc52a662fe24e295849169_TOP-10-sites-inspirations-design.png)DocumentationDesignAll blog post ### TOP 10 Design Inspiration Sites to Boost Your Creativity [TOP 10 Design Inspiration Sites to Boost Your Creativity](/blog/top-10-design-inspiration-sites-to-boost-creativity)TOP 10 Design Inspiration Sites to Boost Your Creativity![Figma logo and Qonto logo image](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711559fac921006a14035e5_64c6326927ba42f899d9aa8d_main-figma-qonto%2520(1).png)NewsDesignAll blog post ### Qonto optimizes its design processes with the integration of Figma and FigJam. [Qonto optimizes its design processes with the integration of Figma and FigJam.](/blog/qonto-optimizes-process-design-grace-integration-figma-figjam)Qonto optimizes its design processes with the integration of Figma and FigJam.![Twitter bird logo and X logo](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671155ca7f64fd389648073a_64c2bb00cc53d81d58842318_og-twitter-x.png)NewsDesignAll blog post ### From Twitter to "X": New Identity, Logo, and Challenges for Elon Musk [From Twitter to "X": New Identity, Logo, and Challenges for Elon Musk](/blog/twitter-x-new-identity-logo-challenges-elon-musk)From Twitter to "X": New Identity, Logo, and Challenges for Elon Musk![Design & Sport with an image of an athlete and Digidop logo](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671155e54e1c918f20650d10_64bfd22e1d0adb650d26c880_thumbnail-sport-design.webp)NewsDesignAll blog post ### The Importance of Design in the World of Sports [The Importance of Design in the World of Sports](/blog/importance-of-design-in-sport)The Importance of Design in the World of Sports![images of a dark and light mode mockup on Figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711560789c5f9aef85e2d7e_64bea7bcf45f8aa378e124b4_dark-light-mode-figma-variables.png)TutorialDesignAll blog post ### How to Create Dark & Light Mode with Variables in Figma? [How to Create Dark & Light Mode with Variables in Figma?](/blog/how-to-create-dark-light-mode-variables-figma)How to Create Dark & Light Mode with Variables in Figma?![Image of Figma variables with logo and icons on a purple background.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671156401cf882bb87e04594_64bc59325ab09cbdfd927952_figma-variables-main.png)TutorialDesignAll blog post ### Master Variables in Figma to Create Advanced Mockups [Master Variables in Figma to Create Advanced Mockups](/blog/figma-variables-revolution-advanced-design-mockup-process)Master Variables in Figma to Create Advanced Mockups![illustration of the dev mode feature of Figma in green and gray](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671163b82804234e9c7b27c1_64b10c7693be131193c0abe6_figma-dev-mode.png)NewsDesignAll blog post ### Dev Mode: A New Dimension of Figma for Developers [Dev Mode: A New Dimension of Figma for Developers](/blog/dev-mode-new-dimension-figma-for-developers)Dev Mode: A New Dimension of Figma for Developers![Several images generated by Midjourney with the AI logo](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711644243623c730cd3b9a9_64a2ae33b28e77f1db823615_guide-2023-midjourney%2520(1).png)DocumentationDesignAll blog post ### Complete Guide 2023: Use Midjourney AI to Create Stunning Images [Complete Guide 2023: Use Midjourney AI to Create Stunning Images](/blog/complete-guide-2023-use-ai-midjourney-create-stunning-images)Complete Guide 2023: Use Midjourney AI to Create Stunning Images![Figma vs PowerPoint](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671164d72804234e9c7c9de3_649d4eed6feeb793c9c9c325_figma-vs-powerpoint.jpeg)DocumentationDesignAll blog post ### Why use Figma for presentations instead of PowerPoint? [Why use Figma for presentations instead of PowerPoint?](/blog/figma-alternative-powerpoint)Why use Figma for presentations instead of PowerPoint?![photo of the digidop team at the Figma Config 2023 event in Paris](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671165553433008e2c8d88c4_6495dac344a42b0f835b4dc1_figma-config-paris-2023%2520(1).png)NewsDesignAll blog post ### Figma Config 2023: The Future of Design Unveiled [Figma Config 2023: The Future of Design Unveiled](/blog/figma-config-2023-future-design-unveiled)Figma Config 2023: The Future of Design Unveiled![Apple Space on the Figma Community](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711666b25476139220a1979_6486ca581f6db9597a0010e1_figma-apple-2023.png)NewsDesignAll blog post ### Apple Joins Figma: A Cutting-Edge Collaboration for Realistic Apple Interface Design [Apple Joins Figma: A Cutting-Edge Collaboration for Realistic Apple Interface Design](/blog/apple-joins-figma-a-cutting-edge-collaboration-for-realistic-apple-interface-design)Apple Joins Figma: A Cutting-Edge Collaboration for Realistic Apple Interface Design![Screenshot of the Awwwards honorable mention for the site Morfo by Digidop.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711674489a6fce106ca725b_64809b1e61d81702d73b8901_www.awwwards.com_sites_morfo-rest.jpeg)NewsDesignAll blog post ### Digidop wins an Honorable Mention at the Awwwards with Morfo.rest. [Digidop wins an Honorable Mention at the Awwwards with Morfo.rest.](/blog/digidop-wins-honorable-mention-awwwards-with-morfo-rest)Digidop wins an Honorable Mention at the Awwwards with Morfo.rest.![Screenshot of the header awwwards.com with a selection of the site of the day from May 31, 2023.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711677e1d9f4265753d3dc9_64776faa0c1419b8475edd51_www.awwwards.com_%2520(1).jpeg)DocumentationDesignAll blog post ### Awwwards.com: The Complete Guide for Digital Agencies [Awwwards.com: The Complete Guide for Digital Agencies](/blog/complete-guide-awwards-digital-agencies)Awwwards.com: The Complete Guide for Digital Agencies![Overview of different visuals of web projects](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671168846a49b293c2c31ef2_64760069e93084646c9ef544_open-graph-webflow-website%2520(2).jpeg)DocumentationDesignAll blog post ### Finding Inspiration for Your Web Designs: Introduction to Awwwards and Webflow-Website [Finding Inspiration for Your Web Designs: Introduction to Awwwards and Webflow-Website](/blog/find-inspiration-web-designs-presentation-awwwards-and-webflow-website)Finding Inspiration for Your Web Designs: Introduction to Awwwards and Webflow-Website![Example of a web design project timeline](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671169bbeea39d253241b153_64760069e93084646c9ef530_project-management%25402x%2520(1).webp)DocumentationDesignAll blog post ### Web design process: key steps for an effective website [Web design process: key steps for an effective website](/blog/webdesign-process-key-steps-for-a-high-performing-site)Web design process: key steps for an effective website![Cover of the training "Figma to Webflow" by Thomas from Digidop, featuring the Figma and Webflow logos with the Digidop Academy logo at the top of the image and a purple overlay.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67116aa539225be819573dc7_64760069e93084646c9ef50e_Open-Graph-hors-se%25CC%2581rie-figma-to-webflow.webp)TutorialDesignAll blog post ### Figma to Webflow Plugin: Everything You Need to Know to Migrate Your Figma Design to Webflow [Figma to Webflow Plugin: Everything You Need to Know to Migrate Your Figma Design to Webflow](/blog/plugin-figma-to-webflow-migrate-figma-mockup-to-webflow)Figma to Webflow Plugin: Everything You Need to Know to Migrate Your Figma Design to Webflow![Figma logo with Figma interface and focus on the inspect mode dedicated to developers.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67116d7ecb4bddc313162758_64760069e93084646c9ef49c_Main-figma-de%25CC%2581veloppeurs.webp)TutorialDesignAll blog post ### Figma for Developers: 5 Essential Features to Improve Your Workflow [Figma for Developers: 5 Essential Features to Improve Your Workflow](/blog/figma-developers-5-features-to-improve-workflow)Figma for Developers: 5 Essential Features to Improve Your Workflow![white square with Figma logo and Figma design interface with constraint feature highlighted in blue](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711752e348d7522974df657_64760069e93084646c9ef22d_6247337d3bbd27090f28fdd0_Open-Graph-contrainte-figma-responsive-design.png)TutorialDesignAll blog post ### Using Figma Constraints for Responsive Design [Using Figma Constraints for Responsive Design](/blog/use-constraints-figma-responsive-design)Using Figma Constraints for Responsive Design![Mac keyboard keys with Figma logo and yellow digidop power icon](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671176f35d59671bbd271932_64760069e93084646c9ef222_62f3c1e589f9100f66d3f4b9_Open-Graph-raccourcis-clavier-figma.webp)TutorialDesignAll blog post ### Top 10 Figma Keyboard Shortcuts for Fast Designing [Top 10 Figma Keyboard Shortcuts for Fast Designing](/blog/top-10-keyboard-shortcuts-figma-designer-quickly)Top 10 Figma Keyboard Shortcuts for Fast Designing![Font issue on Figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67117cc656bdba96286532cf_64760069e93084646c9ef205_6220dab6c906c6063171db25_Open-Graph-police-problem-figma.png)TutorialDesignAll blog post ### Fixing the Missing Fonts Issue in Figma [Fixing the Missing Fonts Issue in Figma](/blog/fix-missing-fonts-figma-issues)Fixing the Missing Fonts Issue in Figma![letters and shapes with different colors, lines, and contrasts on a white screen and blue background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671183bdee2586c17a1dc7df_64760069e93084646c9ef1e6_628a90e465db771b4e30963b_Open-Graph-nouvelles-fonctionalite%2525CC%252581s-accessibilite%2525CC%252581-figma.png)NewsDesignAll blog post ### New features to improve web accessibility on Figma [New features to improve web accessibility on Figma](/blog/new-features-improve-web-accessibility-figma)New features to improve web accessibility on Figma![Figma logo with examples of widgets on a white background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711849ad362ad41b947a34b_64760069e93084646c9ef1e5_62e0e171c053d6e2f06a9b4c_Open-Graph-nouveaute%2525CC%252581s-figma-juin-2022.webp.webp)NewsDesignAll blog post ### Figma Updates June 2022: widgets, API, Google partnership [Figma Updates June 2022: widgets, API, Google partnership](/blog/new-features-figma-june-2022)Figma Updates June 2022: widgets, API, Google partnership![Figma + Adobe logo with a bag of money](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67122234de72191bd6d70666_64760069e93084646c9ef1dc_63232b6c7c4bd58c0c423da0_open-graph-figma-x-adobe.webp)NewsDesignAll blog post ### News: Adobe acquires design tool Figma [News: Adobe acquires design tool Figma](/blog/news-adobe-acquires-design-tool-figma)News: Adobe acquires design tool Figma![Table representing the different import methods in Figma according to the type of file used.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671222a66abd827da5891ae2_64760069e93084646c9ef1d7_6265a1f71da0ed1c5fa6a3ec_Open-Graph-methode-importation-figma.png)TutorialDesignAll blog post ### Methods for Importing Designs and Files into Figma [Methods for Importing Designs and Files into Figma](/blog/methods-import-designs-figma-files)Methods for Importing Designs and Files into Figma![Loom logo, Vimeo logo, Figma logo with Figma designer and Loom plugin integration, on a blue background.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712278306666243342c1acc_64760069e93084646c9eef0f_628de0440afcbe35a9b6acf5_Open-Graph-commentaires-video-figma.png)TutorialDesignAll blog post ### Leave Video Feedback on Figma [Leave Video Feedback on Figma](/blog/leave-video-feedback-on-figma)Leave Video Feedback on Figma![screenshot of a Figma file history on a salmon pink background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671233f8f170a507958dbc42_64760069e93084646c9ef1bd_628a71517a39cdec8293754d_Open-Graph-restaurer-historique-figma.png)TutorialDesignAll blog post ### Figma History: How to Restore an Old Version? [Figma History: How to Restore an Old Version?](/blog/history-figma-how-to-restore-an-older-version)Figma History: How to Restore an Old Version?![Logo + Framer interface with Digidop logo](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671234a2e897a6478744a03e_64760069e93084646c9ef1ba_63c94a17bc531168a228fd98_Frame%252520427321244.webp)DocumentationDesignAll blog post ### Framer: The Most Promising Prototyping Tool of 2023? [Framer: The Most Promising Prototyping Tool of 2023?](/blog/framer-promising-prototyping-tool-2023)Framer: The Most Promising Prototyping Tool of 2023?![Figma training title with Digidop Academy logo, photo of Thomas and Figma illustration on purple background.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671235527a21621ec805bb97_64760069e93084646c9eeec5_63516a3b0f41bac1b4c32af0_OG-FORMATION-FIGMA-DESIGN%2525402x%252520(5).webp)DocumentationDesignAll blog post ### Figma Training French with Digidop Academy [Figma Training French with Digidop Academy](/blog/figma-training-french-digidop-academy)Figma Training French with Digidop Academy![collaboration interface on a Figma project on a purple background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123acb5179a2e39d0e23f3_64760069e93084646c9ef1b6_6263b048a6ef3046c00979b7_Open-Graph-collaborer-figma.png)DocumentationDesignAll blog post ### 8 features for better collaboration on Figma [8 features for better collaboration on Figma](/blog/features-better-collaboration-figma)8 features for better collaboration on Figma![Website mockup created in the Figma design interface with Figma icon.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123b30dfd73402db1c2134_64760069e93084646c9ef1b0_6240b4c1b758da4e77e8d874_Open-Graph-figma-meilleur-outil-cr%2525C3%2525A9ation-maquette-web.png)DocumentationDesignAll blog post ### Figma: the best tool for creating a website mockup. [Figma: the best tool for creating a website mockup.](/blog/figma-best-tool-create-website-mockup)Figma: the best tool for creating a website mockup.![Figma is the best design tool.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123b8b26aa554fda62c967_64760069e93084646c9ef1ae_636c0b950d6e124b80b93aad_Open-Graph-figma.webp)DocumentationDesignAll blog post ### Figma is the best design tool. [Figma is the best design tool.](/blog/figma-is-the-best-design-tool)Figma is the best design tool.![Digidop blog](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123bb7cbda4cfe2498a902_64760069e93084646c9ef197_62d7d3949028bc0da811f96f_Open-Graph-digidop-blog-webp.webp)TutorialDesignAll blog post ### Export SVG code from a vectorized image with Figma [Export SVG code from a vectorized image with Figma](/blog/export-vector-image-code-svg-figma)Export SVG code from a vectorized image with Figma![Example of Style Guide created in Figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123d88661c5a4861c976f5_64760069e93084646c9ef1a1_620ced2c3cb227b64bee06e8_Open-Graph-style-guide-figma.png)TutorialDesignAll blog post ### Create an Optimized Style Guide in Figma for Webflow [Create an Optimized Style Guide in Figma for Webflow](/blog/create-an-optimized-style-guide-in-figma-for-webflow)Create an Optimized Style Guide in Figma for Webflow![Figma logo with Figma interface and focus on pages](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67124f243493e8ee06d63283_64760069e93084646c9ef19c_624213730ab46f831547fb05_Open-Graph-creer-gerer-page-figma.png)TutorialDesignAll blog post ### Create and Manage Your Pages in Figma [Create and Manage Your Pages in Figma](/blog/create-manage-figma-pages)Create and Manage Your Pages in Figma![Digidop Blog](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123bb7cbda4cfe2498a902_64760069e93084646c9ef197_62d7d3949028bc0da811f96f_Open-Graph-digidop-blog-webp.webp)TutorialDesignAll blog post ### Convert a PNG image to vector SVG from Figma [Convert a PNG image to vector SVG from Figma](/blog/convert-png-to-svg-figma)Convert a PNG image to vector SVG from Figma![Navigation menus and UX design written on a background of "navbar" templates.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125082fdb223c413bc31f3_64760069e93084646c9ef194_6202500aebd01a415f777686_Open-Graph-menu-navigation-ux-design.png)DocumentationDesignAll blog post ### UX Design Tips: Navigation Menus (Navbar) [UX Design Tips: Navigation Menus (Navbar)](/blog/ux-design-tips-navigation-menus-navbar)UX Design Tips: Navigation Menus (Navbar)![Figma mockup in developer inspection mode](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125d70ab5d92dde75a745c_64760069e93084646c9ef193_6305e3680bdcea485e06e40c_Open-Graph-concilier-design-developpement-figma.webp)DocumentationDesignAll blog post ### Reconciling Design and Web Development with Figma [Reconciling Design and Web Development with Figma](/blog/reconcile-design-web-development-figma)Reconciling Design and Web Development with Figma![Figma community projects with share button and Figma logo](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125f8257e1d8237b87e08c_64760069e93084646c9ef184_6242d04c5d170d8eaa45afe8_Open-Graph-partager-design-figma-community.png)TutorialDesignAll blog post ### How to Share a Project and Collaborate with the Figma Community? [How to Share a Project and Collaborate with the Figma Community?](/blog/how-to-share-design-collaborate-community-figma)How to Share a Project and Collaborate with the Figma Community?![Sketch logo on blue background and Figma logo on black background with an arrow pointing from Sketch to Figma.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125fb447c050ab310439d9_64760069e93084646c9ef182_6265c170b18062f3ca68ca2b_Open-Graph-migration-sketch-figma.png)TutorialDesignAll blog post ### How to migrate designs and mockups from Sketch to Figma? [How to migrate designs and mockups from Sketch to Figma?](/blog/how-to-migrate-sketch-designs-to-figma)How to migrate designs and mockups from Sketch to Figma?![image of the Figma community platform with the logo of the web design tool Figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67126060e1a3a68e872881e8_64760069e93084646c9ef17e_6240bc67588ded22b348c052_Open-Graph-int%2525C3%2525A9grer-communaut%2525C3%2525A9-figma.png)DocumentationDesignAll blog post ### How to join the Figma community to share your designs? [How to join the Figma community to share your designs?](/blog/how-to-join-figma-community)How to join the Figma community to share your designs?![yellow circle in white square with arrow towards Figma editor on purple background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671260b770e600616a5f6206_64760069e93084646c9ef17d_6265b0740bb437e5b5cd9be6_Open-Graph-comment-importer-fichier-figma.png)TutorialDesignAll blog post ### How to import files into Figma? [How to import files into Figma?](/blog/how-to-import-figma-files)How to import files into Figma?![circular text from the arc Figma plugin on a green background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671260c95343b8bb6cd25598_64760069e93084646c9ef17a_628dd2fc637e33867f1ff843_Open-Graph-texte-circulaire-figma.png)TutorialDesignAll blog post ### How to write circular text in Figma? [How to write circular text in Figma?](/blog/how-to-write-circular-text-figma)How to write circular text in Figma?![Computer screen with a 3D Figma mockup.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67126144e01a1c8217a2459b_64760069e93084646c9ef176_61b8ee7844d8aa7d5b077ff4_OG_wireframe-figma-website.png)TutorialDesignAll blog post ### How to Create a Website Wireframe with Figma? [How to Create a Website Wireframe with Figma?](/blog/how-to-create-a-website-wireframe-figma)How to Create a Website Wireframe with Figma?![three buttons component and variants in Figma with title and yellow power icon digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671261752e970865d090fef4_64760069e93084646c9ef175_63ad6b322d8f6676d98b9c47_Open-Graph-composant-variant-figma.webp)TutorialDesignAll blog post ### How to create and use components and variants in Figma [How to create and use components and variants in Figma](/blog/how-to-create-use-variant-components-figma)How to create and use components and variants in Figma![3D can image in Figma with the digidop logo on a blue background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671261909960c11eded9a04f_64760069e93084646c9ef174_628a77ed00394d715ae6f380_Open-Graph-visuel-3d-figma.png)TutorialDesignAll blog post ### How to create a 3D visual in Figma? [How to create a 3D visual in Figma?](/blog/how-to-create-3d-visual-in-figma)How to create a 3D visual in Figma?![Figma editor with GIF on white background, text, and Figma color bars.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712646833ab4ff70198c062_64760069e93084646c9ef164_6265c84738cd3eb2df0f67f9_Open-Graph-importer-GIF-figma.png)TutorialDesignAll blog post ### How to Add Animated GIFs in Figma? [How to Add Animated GIFs in Figma?](/blog/how-to-add-gif-figma)How to Add Animated GIFs in Figma?![Figma interface in light mode and dark mode](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671264bebb678876c4efefe2_64760069e93084646c9ef163_627fb379058480463b31641a_Open-Graph-dark-light-mode-figma.png)TutorialDesignAll blog post ### How to enable Dark & Light mode in Figma? [How to enable Dark & Light mode in Figma?](/blog/how-to-enable-dark-light-mode-figma)How to enable Dark & Light mode in Figma?![Figma logo, Unsplash logo, Inonify logo, AutoFlow logo, Stark logo](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712689ba3dfd3d5c8dcd9f5_64760069e93084646c9ef154_61d7043b9da9c6776330e021_Open-Graph-figma-toolbox.png)DocumentationDesignAll blog post ### Toolbox to Use for Figma: The Best Plugins for Web Design [Toolbox to Use for Figma: The Best Plugins for Web Design](/blog/figma-toolbox)Toolbox to Use for Figma: The Best Plugins for Web Design![Number 5 with background online course cards on web design.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b53ff1113e947417fa7ab_64760069e93084646c9ef13e_63fa0758f4b8083fce4833c0_Open-Graph-formation-en-ligne.webp)DocumentationDesignAll blog post ### 5 sites to train online in Webdesign [5 sites to train online in Webdesign](/blog/5-online-training-sites-webdesign)5 sites to train online in Webdesign![several black and white UX sections of a website with a yellow digidop power icon](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b542d76dab15b07090a67_64760069e93084646c9ef141_631505d04e546a79b6fca55f_Open-Graph-6-sections-ux-landing-page-performante.webp)DocumentationDesignAll blog post ### 6 Essential UX Sections for Creating an Effective Landing Page [6 Essential UX Sections for Creating an Effective Landing Page](/blog/6-sections-ux-create-effective-landing-page)6 Essential UX Sections for Creating an Effective Landing Page![screenshot of several Figma templates with Figma icon and yellow digidop power icon](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b55028b75715e19300073_64760069e93084646c9eec1b_6313207b35c1cb84d6c250a4_Open-Graph-mod%2525C3%2525A8le-UX-UI-designer-figma.webp)DocumentationDesignAll blog post ### 5 Figma Templates for UX & UI Designers [5 Figma Templates for UX & UI Designers](/blog/5-figma-templates-for-ux-ui-designers)5 Figma Templates for UX & UI Designers![figma designer interface with several zones surrounded by different colors and yellow digidop power icon](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6723ad6009cfcc8439292d36_Figma%20designer%20interface%20features%20and%20tools.webp)DocumentationDesignAll blog post ### Figma designer interface features and tools [Figma designer interface features and tools](/blog/figma-designer-interface-features-and-tools)Figma designer interface features and tools![Several font names written in black on a white background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b54ac68f64e02a0ecd37e_64760069e93084646c9ef13c_62d41b027afcaf0469220f17_Open-Graph-outils-typographies-polices-ecriture.webp)DocumentationDesignAll blog post ### 5 tools to choose the right typography for your website [5 tools to choose the right typography for your website](/blog/5-tools-to-choose-the-right-typography-for-your-website)5 tools to choose the right typography for your website![Purple move orange yellow color palette with yellow digidop power icon](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b55225a388d407588a7a6_64760069e93084646c9ef13b_62d166f6d5fc85d93b4e8491_Open-Graph-outils-pallette-de-couleurs.webp)DocumentationDesignAll blog post ### 5 Free Tools to Create an Original Color Palette [5 Free Tools to Create an Original Color Palette](/blog/5-free-tools-create-original-color-palette)5 Free Tools to Create an Original Color Palette![Figma Logo, Made In Webflow, Awwwards, Flux Academy and Digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b54838b75715e192f8529_64760069e93084646c9ef13d_62c40a30404e65569659585b_Thumbnail-webdesign-inspo.png)DocumentationDesignAll blog post ### 5 resources to find inspiration in web design [5 resources to find inspiration in web design](/blog/5-resources-to-find-web-design-inspiration)5 resources to find inspiration in web design![figma design with text new figma 2022 on light purple background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6723a898bb4c4169db5e0849_Les%20dernie%CC%80res%20nouveaute%CC%81s%20Figma%20Config%202022%20!.png)NewsDesignAll blog post ### The latest Figma Config 2022 news! [The latest Figma Config 2022 news!](/blog/the-latest-figma-config-2022-news)The latest Figma Config 2022 news! ## Need a scalable, easy-to-edit CMS that drives traffic? [Let’s work together! ](/contact)