✏️ Conception

RELATE : Outil de conception Design to Code

📌 RELATE est un outil de conception visant à fluidifier les échanges entre designers et développeurs via une application Design to code.
Designer vos écrans comme vous le feriez habituellement sur Sketch ou Figma et obtenez un code HTML / CSS / JS directement exploitable. Pendant que vous concevez, le code est généré en arrière-plan et peut être publié n’importe où. Un véritable gain de temps pour votre équipe !
#cmondary

✏️ Conception

AKIRA : Logiciel de conception Libre

📌 AKIRA est un logiciel Linux de conception pour UX Designer.
AKIRA propose une approche moderne et rapide de la conception de l’interface utilisateur rappelant Sketch / Adobe XD. Ce logiciel s’adresse donc principalement aux graphistes et concepteurs Web. L’objectif est d’offrir une solution professionnelle aux concepteurs qui souhaitent utiliser Linux comme système d’exploitation principal.
#cmondary #tools #conception

✏️ Conception

Handoff – conception + code

📌 HANDOFF est un nouvel outil de conception qui vous permettra de faire vos créa’ comme vous le feriez avec n’importe quel outil vectoriel traditionnel, Sketch, XD, etc, mais il vous permettra d’exporter vers un code “propre”, prêt à l’emploi pour la production.
#tools #cmondary

📎 Resources

OPENPEEPS : Bibliothèque d’illustrations dessinées à la main

📌 OPEN PEEPS est une bibliothèque de personnages vectoriels. Créé par @PabloStranlay, elle fonctionne comme des blocs de construction faits de bras, de jambes, de vêtements, de coiffures et de visages avec émotions. Vous pouvez alors mélanger ces éléments pour créer différents Peeps / personnages.
Le tout utilise les fonctions symboles de Sketch / Figma, donc très simple d’utilisation et surtout directement depuis votre outil de création habituel.
#UI #cmondary

✏️ Conception

Antetype : outil de prototypage

📌 ANTETYPE est un outil de prototypage intéressant.
Son interface est assez proche de celle de #Sketch (qui ne l’est pas aujourd’hui ..?) et donc simple d’appréhension. ANTETYPE est basé sur la technologie Web, et utilise un principe de #flexbox comme en #CSS3, donc un peu plus éloigné des outils de #design traditionnels, mais je pense que cela va dans le bon sens car permet de réduire l’écart avec les développeurs.
L’outil est gratuit et ça aussi c’est cool
#cmondary #tools

📎 Resources

SHAPE : icons library

📌 SHAPE est une librairie d’icônes paramétrables proposant 28000+ assets très bien réalisés et donc, configurables.
J’ai vu pas mal d’articles et de partage sur cette #librairie, qui a certes un design très soignée, reprend en partie les codes du #Neumorphism , mais qui me semble tout de même limitée …
La version gratuite propose l’export en #PNG uniquement
Et la version payante le #SVG et le #PDF, mais pour un prix de 60$/an … On peut donc se demande s’il n’est pas préférable d’investir dans le NOUN PROJECT : 40$/an ou encore FLATICON (80€/an) qui proposent tout deux plus de 3 Millions d’icones chacun, avec plus de format d’export et des applications et plugins pour tout un tas de logiciel (#Adobe, #Office , #Sketch, #Figma, …)
Qu’en pensez vous ?
#Ressources #cmondary

🗞 Article

GUIDE : From Sketch / Figma to After Affect

📌 ARTICLE très complet sous forme de guide pas à pas pour créer de petites animations, et micro-intéractions sous after effect après importation des sources Sketch / Figma.
L’idée est simplement d’utiliser les animations sous #AfterEffect pour donner vie à votre interface et montre comment toutes les éléments doivent se comporter et interagir.

🛠 Tools

SKETCH 69 est disponible

📌 SKETCH 69 est disponible et propose des évolutions très appréciables :
– Color Variables
– Components view
– Insert window
#Bastiui à justement fait un vidéo très clair sur le sujet il y a  2 semaines
#tools #cmondary

🛠 Tools

Social Sizes : Formats Social Medias

📌 SOCIAL SIZES est service mettant à disposition des artboards #SKETCH, #FIGMA, #XD et #PHOTOSHOP au #formats spécifiques aux #RéseauxSociaux.
C’est réellement une référence si vous souhaitez disposez des bons #dimensions et des bonnes #résolutions d’ images pour les différents types de messages, promotions et #bannières.
#tools #cmondary

📎 Resources

ARA

📌 ARA est une bibliothèque de visuels en vectoriel. Un peu à la manière de UNDRAW. Grace au créateur d’illustrations vous pourrez combiner plus de 120+ illustrations pour créer votre scène personnalisée. Le tout est compatible avec Illustrator #AI, #XD, #FIGMA, #SKETCH.
Il faut aimer le style… mais bon vu que c’est dans l’air du temps 😉
#cmondary

🛠 Tools

ISOFLOW

📌 ISOFLOW est un service qui vous permet de créer facilement des #diagrammes #isométriques pour des présentations et des illustrations. Grâce au rendu #vectoriel, vous pourrez modifier vos diagrammes directement dans vos éditeurs #SKETCH / #XD / etc…