Aller au contenu
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Un outil de prototypage open source pour réaliser vos maquettes d’app et de sites

En ce moment, c’est une bonne période pour se lancer dans de nouveaux projets… Pourquoi pas créer une nouvelle application ou un nouveau site web ?

Seulement voilà, il faut le prototyper, c’est à dire faire d’abord un cahier des charges, mais également des maquettes. Ça permet de se repérer et de visualiser ce qu’on veut faire… Ça évite de partir dans tous les sens.

D’ailleurs comment vous le faites votre prototypage ? Moi en général, je le dessine sur une feuille de papier, ou alors je prototype direct en HTML, mais ça prend un peu de temps. Mais il existe des outils de prototypage qui sont pour la plupart payant… C’est pourquoi aujourd’hui, je vous invite à découvrir Penpot.

Il s’agit d’un outil de design et de conception graphique totalement open source, fonctionnant sur tous les systèmes d’exploitation et utilisant 100% de technologies web, dont le SVG. Dans Penpot, vous pouvez donc dessiner des zones de travail aux dimensions de l’écran visé (smartphone, tablette, PC…etc.) et y ajouter des images, des rectangles, des cercles, du texte…etc. Et paramétrer chacun de ces éléments pour mettre une jolie couleur, un style de police particulier, une ombre, une bordure…etc.

éditeur penpot

C’est hyper basique et l’outil ne propose pas d’éléments prédéfinis (comme des icônes ou des champs de formulaires…etc.), mais vous pouvez assembler vos propres bibliothèques d’éléments (composants ou images) au fur et à mesure. À vous donc d’enrichir cet outil en fonction de vos besoins comme vous pouvez le voir sur l’animation ci-dessous.

penpot bibliothèque

Un des gros plus de Penpot c’est qu’il permet de travailler en équipe, donc de collaborer sur des designs, et de commenter les maquettes.

Une fois vos maquettes designées, vous pouvez rendre interactives vos maquettes en liant les boutons ou d’autres composants avec vos zones de travail. Cela vous permettra ensuite de tester visuellement la navigation dans votre future application. Vous pouvez bien sûr détourner cet usage pour réaliser des présentations façon PowerPoint, des quizz ou des histoires dont vous êtes le héros.

Capture d'écran de l'interface utilisateur de l'outil de prototypage open source

Penpot est utilisable en ligne via ce site, mais vous pouvez également le déployer sur votre propre machine en allant récupérer les sources sur Github et en le déployant sur Docker.


Comment supprimer vos données personnelles d’Internet avec Incogni ?

Espace partenaire

🔒Votre vie privée est-elle vraiment privée❓

😮Vous l’ignorez peut-être, mais des sociétés appelées Data Brokers collectent, agrègent et monnaient vos données personnelles sans votre consentement.

📝Votre nom, votre prénom, votre date de naissance, 📧 votre email, 🏠 votre adresse postale, et bien d’autres informations sont ainsi collectés pour être revendus à des publicitaires. Il est donc temps de reprendre le contrôle de vos informations personnelles grâce à Incogni

🛡️Incogni est un service qui se charge pour vous de contacter ces Data Brokers et d’exiger la suppression de vos données personnelles.

💥 Profitez d’une offre spéciale avec le code INCOGNI60 et ne laissez pas votre vie privée entre de mauvaises mains❗🙅‍♀️

👇🔍 CLIQUEZ ICI POUR EN SAVOIR PLUS 🔍👇

Les articles du moment