l'alternative gratuite à Figma qui utilise les standards du web ouverts

Il est de plus en plus courant de trouver certaines solutions logicielles qui fonctionnent directement sur le web via notre navigateur préféré. C'est quelque chose qui arrive avec cette application axée sur le design dont nous vous parlerons dans ces lignes, Penpot.

En effet, nous disposons de plusieurs plateformes de ce type qui nous accompagnent depuis plusieurs années et proposant toutes leurs fonctions et outils. Nous faisons ici référence à des solutions aussi populaires que Canva ou Figma que la plupart d’entre vous ont probablement utilisées à plusieurs reprises. Eh bien, dans ces lignes, nous allons vous parler d'une proposition très intéressante particulièrement adaptée aux concepteurs et développeurs web.

Pourquoi ai-je besoin de l’application de conception gratuite Penpot ?

En réalité, il s'agit d'une application Web visant à nous offrir des outils de conception qui est considérée comme un alternative open source à ceux mentionnés précédemment. Ainsi, avec Penpot, nous disposerons d'une plateforme de conception entièrement gratuite développée sous la licence publique générale Mozilla 2.0. Cela nous permet de l'utiliser via notre navigateur Web ou même de l'héberger sur notre propre serveur.

En gros, cela nous donne la possibilité de gérer la conception d'interfaces utilisateur de tous types à l'aide d'une multitude de bibliothèques de composants. Pour nous donner une idée, nous obtiendrons un flux de travail et des fonctionnalités similaires à ceux que nous utilisons dans le populaire figma. La principale différence ici est que Penpot est basé sur des standards Web ouverts tels que SVG, CSS et HTML. Tout cela au lieu de formats de fichiers propriétaires comme c'est le cas chez ses concurrents les plus directs.

Interface principale de l'application web open source, Penpot. Photo : capture SoftZone.

Nous garantissons ainsi que nos conceptions ne se limitent pas à l'utilisation de fichiers .fig que, par exemple, seul Figma peut lire. Cela signifie que nous disposons d’un outil de conception puissant, open source, basé sur un navigateur. Il a été créé afin d'aider tous les types de concepteurs et de développeurs à collaborer les uns avec les autres en utilisant des standards Web ouverts tels que CSS, SVG et HTML.

Principales fonctions de l'application de conception

Nous pouvons souligner que dans ce cas nous retrouvons l’ensemble habituel d’outils et de fonctions attendus d’une plateforme de conception comme celle-ci. Dans le même temps, l’une des fonctionnalités les plus utiles de Penpot est la disposition en grille CSS. Et grâce à lui, lors de la création d'un design avec le développeur de grille, l'outil générer du code CSS automatiquement que nous pouvons extraire et insérer directement dans d’autres projets Web.

D'un autre côté, nous vous dirons que Penpot est un outil de conception qui prend en même temps en charge nativement la spécification des jetons de conception du W3C. On parle de jetons pour l'utilisation des tons, des espacements et de la typographie. Tout cela est stocké dans un format standardisé de type JSON, qui est ensuite transféré entre différents outils de conception et flux de travail des développeurs.

Nous pouvons réaliser ce transfert de contenu de manière simple, puisque chaque onglet Penpot propose un code pour la production de contenu, instantanément. Non requis plugins ou paiements pour pouvoir bénéficier de tout cela.

Il s’agit en fait de l’un des meilleurs outils du genre si nous souhaitons convertir rapidement des prototypes de conception en interfaces utilisateur entièrement fonctionnelles. De plus, nous n’aurons rien à payer pour que nos collaborateurs voient les détails de mise en œuvre de leur propre conception.

FAQ Penpot

Penpot est-il vraiment gratuit ou avez-vous des forfaits payants ?

Penpot est entièrement gratuit et open source sous la licence publique générale Mozilla 2.0. Vous pouvez l'utiliser directement dans votre navigateur sans frais ou l'héberger sur votre propre serveur si vous préférez un contrôle total sur vos données.

Puis-je héberger Penpot sur mon propre serveur ?

Oui, l'un des gros avantages de Penpot par rapport à Figma est qu'il permet l'auto-hébergement. Cela signifie que vous pouvez l'installer sur vos propres serveurs pour garder un contrôle total sur vos conceptions et vos données, ce qui est impossible avec des solutions propriétaires.

Penpot génère-t-il automatiquement du code CSS ?

Oui, Penpot inclut la fonctionnalité CSS Grid Layout qui génère automatiquement du code CSS lorsque vous créez des mises en page avec des grilles. Vous pouvez extraire ce code et l'insérer directement dans d'autres projets Web sans avoir besoin de plugins.