Outil qui ne fait qu’être de plus en plus populaire, Figma prend réellement une place importante dans le workflow de certains collaborateurs.

Bien que déjà bien puissant de nature, il existe une façon d’aller encore plus loin dans les capacités de l’outil : l’utilisation de plugins complémentaires.

Voici une courte sélection de ces modules additionnels qui permettent de traiter plus en profondeur certains sujets particuliers.

Wireframe

https://www.figma.com/community/plugin/742764242781786818/Wireframe

Ce plugin permet de créer rapidement et de façon très naturelle des prototypes d’interfaces sous forme de fils de fer. L’étape de wireframing est alors encore plus simple.

Il dispose d’une liste de templates catégorisés qui répondent aux principaux prérequis du web (desktop, tablettes, mobiles). L’ensemble est géré directement en SVG.

Color Palettes

https://www.figma.com/community/plugin/740832935938649295/Color-Palettes

Trouver la meilleure palette de couleur est une vraie plaie pour chaque projet. Ce plugin permet d’ajouter au sein même de votre interface un petit moteur de recherche pour récupérer des palettes qui peuvent s’avèreraient être idéales.

Au menu : recherche, code hexadécimal, petit nom.

Product Planner

https://www.figma.com/community/plugin/766652281834442616/Product-Planner

Créer un produit peut vite devenir complexe, grâce à ce plugin il est désormais possible de bien démarrer cette aventure. Que ce soit en termes de planification, d’informations produits, de risques à garder en tête, des buts à atteindre … Une extension de Figma réellement tournée vers l’aspect collaboratif de la production.

Remove BG

https://www.figma.com/community/plugin/738992712906748191/Remove-BG

Parmi les petits liens indispensables se trouve RemoveBg qui permet à n’importe qui de retirer ce qui se trouve en arrière-plan d’une image sans sortir la grosse machinerie.

Unsplash

https://www.figma.com/community/plugin/738454987945972471/Unsplash

Très connu sur Internet pour sa quantité de visuels utilisables gratuitement, Unsplash s’intègre directement à vos visuels Figma sans avoir à télécharger en amont les médias.

P.

Pourquoi utiliser Firefox Focus comme navigateur sur iPadOS à la place de Safari ?

Le marché des navigateurs est bien plus intéressant aujourd’hui qu’à mes débuts sur Internet. En dehors de celui de Microsoft, il n’y avait pas vraiment de concurrence pour mon système d’exploitation. J’ai vécu de nouveau le cas lorsque j’ai acheté mon premier iPad, il n’y avait que Safari Mobile de disponible.

Les autres sont arrivés progressivement, mais étaient rapidement bloqués par les restrictions de l’écosystème Apple. Toutefois, au fur et à mesure, il y a eu de vraies évolutions avec des fonctionnalités réellement intéressantes.

Je navigue souvent avec Safari, il reste pratique, car je l’utilise aussi sur iPhone et MacBook Pro. Mais la version iPad reste bien moins agréable que la version desktop.

Ceci pour beaucoup de raisons, mais principalement à cause du nombre de traqueurs qu’il laisse encore passer.

J’accepte depuis bien longtemps que toute mon activité en ligne soit traquée et analysée. Mais si je peux encore un peu rêver et imaginer une vraie navigation allégée, alors je le fais.

D’où mon usage ponctuel de Firefox Focus qui vient sauver mon usage des ressources en ligne.

Il porte bien son nom, car il active par défaut le mode navigation privée en retirant l’ensemble des traqueurs des sites web. De plus, l’aspect monotab reste pratique pour se focaliser sur un seul contenu à la fois et éviter la surabondance de sites ouverts en simultané.

Autre avantage, ce navigateur ne garde pas en mémoire votre historique de navigation, vos mots de passe, vos marque-pages et vos cookies. Parfois bloquant pour se connecter à certains sites, mais en utilisant un gestionnaire de mots de passe, on s’en sort au final très bien.

L.

Liste d’outils : Starter kit pour ceux du marketing et de la communication

Comme chaque année, lorsque je commence à donner cours à une nouvelle promotion, je donne une liste des outils pratiques à utiliser. Qu’il s’agisse de quoi faire des présentations, des mockups de produits, de l’inspiration, de quoi s’organiser …

Puisque cette liste a vocation à évoluer dans le temps et à être partagée, autant la déposer ici en libre-service.

Ils ne vous serviront sûrement pas tous, mais sûrement qu’à un moment bien particulier, l’un d’entre eux pourra vous faire gagner de précieuses minutes.

Si vous avez envie d’en ajouter un, n’hésitez pas à me signaler (via Twitter par exemple) !

Principaux outils

  • Pexels : incontournable dès que vous avez des visuels à aller chercher en libre de droits – https://www.pexels.com/
  • Coolors : un générateur de jolies palettes de couleurs pratique quand on est en panne d’inspiration – https://coolors.co/
  • Google Fonts : vos polices directement chez Google – https://fonts.google.com
  • SkyFonts : organisez simplement vos polices de caractères sur votre ordinateur – https://skyfonts.com
  • Coverr : trouvez vos bannières animées en vidéo libre de droits – http://coverr.co/
  • Pablo by Buffer : créez vos images pour les réseaux sociaux depuis ce site, un peu comme Canva mais en plus simple et plus rapide : https://pablo.buffer.com/
  • Muzli : source d’inspiration pour designer souhaitant bénéficier de contenus triés et sélectionnés avec goût – https://muz.li/
  • Iconstore : plein d’icônes utilisables sans souci – https://iconstore.co/
  • Canva : l’incontournable de la création de visuels en ligne – https://www.canva.com/
  • FlatUI Colors : un ensemble de jolies couleurs à copier-coller rapidement – http://flatuicolors.com/
  • Gliphy : de quoi réaliser facilement des diagrammes – https://www.gliffy.com/

Création d’infographie

Blogging

SEO

Optimisation de visuels

Emailings et newsletters

Social Media & Community Management

Stocks de photographies

Icônes

Organisation