👩‍💻 Main Thread #25, le plein d’outils pour booster votre workflow

Aujourd'hui on vous propose de découvrir de petits outils qui pourraient bien booster votre productivité. Il y en a pour tout le monde, les développeurs, les designers et les curieux.

Donc pas de jaloux ! Bonne lecture 👀

🧑‍💻 Fig (et pas Figma)

Fig c’est la toolbox pour ligne de commande ultime et surtout facile à installer. Pour faire simple, c'est un outil qui va booster votre productivité quand vous travaillez avec la ligne de commande sous MacOS.

Il va auto-compléter plein de petites choses (comme git, les commandes du système, des chemins de fichiers, etc.) pour vous faire gagner du temps.

C’est gratuit, c’est beau, et en plus le site est magnifique. Aucune excuse pour ne pas essayer dès maintenant.

D’ailleurs merci à Corentin de m’avoir fait découvrir cet outil, big up à lui si vous avez besoin de développement web hésitez pas à le contacter.

🧊 Spline 3D, 4 raisons de s'y mettre

Spline est un outil super pour faire de la 3D simplement sans trop de compétences. Il a l’avantage d’être gratuit et sur navigateur. Idéal pour débuter la 3D et intégrer des illustrations originales dans vos travaux.

Mais pourquoi je vous conseillerais Spline plutôt que Blender pour faire de la 3D rapidement ?

1. Spline consomme beaucoup moins de ressources que Blender, donc si votre ordinateur n’est pas une brute de compétition, Spline peut vous permettre d'accéder à la 3D sans dépenser des milles et des cents.
2. L’interface de Spline est beaucoup plus accessible pour les débutants que celle de Blender. Si vous êtes adepte de la suite Adobe, sachez que Spline se rapproche plus de Figma dans son interface que d’Illustrator.
3. Sur Spline, vous pouvez faire des minis prototypes de jeu (oui oui). Vous pouvez prendre le contrôle d’un personnage sur votre scène. Fonctionnalité extrêmement pratique pour faire des prototypes de jeux ou d’intéractions simplement et surtout rapidement.
4. La génération de code. Spline vous permet d’intégrer des éléments en 3D voir vos scènes entières sur votre site web en un claquement de doigts. Vous pouvez littéralement exporter vos créations en HTML & JS, React / Typedream & Webflow (outils no-code pour le web) / et Wordpress.

Spline - Design tool for 3D web browser experiences

Create web-based 3D browser experiences

Spline logo

Note d'Anthony : Etant un gros utilisateur de Blender, Spline reste un outil pratique pour réaliser des prototype et des illustrations rapidement. La où Blender demande une certaines maîtrise.

🎨 Zeroheight

Zeroheight est l'outil ultime pour créer des Design Systems de la mort qui tue.

C’est un hub qui centralise toute l’identité de votre marque (d'ailleurs ne loupez pas notre série de Reels à ce sujet) et qui connecte les designers et développeurs.

Nous pouvons y inscrire les lignes directrices de notre charte graphique en précisant les cas d’usage, les règles, et les conventions. Pour l’instant rien de particulier, c’est un brand book. Là où l’outil prend tout son sens c’est grâce à la fonctionnalité de documentation et d'incorporation des composants de notre design system. Nous pouvons ajouter chaque bouton, chaque petit détail de notre interface sur Zeroheight afin que toute l'équipe utilise les mêmes briques.

Pour vous convaincre une bonne fois pour toute, nous pouvons également lier un composant avec Figma, XD ou encore Sketch (pour les plus fou d’entre nous) avec la plateforme. Dès lors qu’une modification a lieu, le design entier est mis à jour automatiquement.

zeroheight · document your design systems, together

Create beautiful design system documentation collaboratively with zeroheight

Franchement, avec un outil comme celui-là, nous n'avons rien à envier à Poudlard (pour la magie, parce que c'est magique. lol.).

🌈 DaisyUI + Tailwind CSS

On continue dans le thème des Design Systems avec DaisyUI. C’est une bibliothèque de composants gratuite, d’excellente qualité et open-source qui va grandement accélérer votre workflow d'intégration avec le framework Tailwind CSS.

Rien que par curiosité de voir tout ce qu’on pourrait / doit mettre dans une bibliothèque de composants pour votre prochain Design System, c’est intéressant d’aller y jeter un œil.

Que dire de plus ? Foncez !

daisyUI — Tailwind CSS Components

Tailwind Components Library - Free components for Tailwind CSS

Soutenez notre travail ❤️

🔥 Suivez nous sur Instagram, Facebook, LinkedIn ou abonnez-vous à notre newsletter en devenant membre de notre blog :)