Jessica Trocmé Masterclass/Créez des UI Design Responsive avec Figma en 4h - 2023 - Liste d'attente

Inscrivez-vous pour recevoir des emails de Jessica Trocmé Masterclass.

  • Liste d'attente

Créez des UI Design Responsive avec Figma en 4h - 2023 - Liste d'attente

  • Cours

Gagne du temps d'apprentissage grâce à cette Formation complète en prenant exemple sur Airbnb.

Inscris-toi pour faire parti des premiers à bénéficier de cette nouvelle formation et plus encore ;)

Exemple Airbnb

Dans cette formation, je vais te guider à travers les étapes nécessaires pour concevoir des interfaces utilisateur réactives et optimisées pour différents appareils, en utilisant les toutes dernières fonctionnalités et mises à jour de Figma 2023, y compris les variables et les mises à jour d'auto-layout.

Bonnes pratiques à mettre en place

En combinant les principes de nommage cohérents et l'approche de l'Atomic Design, tu seras en mesure de structurer tes projets Figma de manière efficace, de collaborer de manière fluide avec ton équipe et de créer des designs cohérents et réactifs.

Optimise ton flux de travail

Nous ne nous limiterons pas seulement à la création d'interfaces réactives avec Figma pour l'exemple Airbnb. Nous explorerons également les bonnes pratiques pour optimiser ton flux de travail et améliorer la collaboration avec ton équipe.

Atomic design

Nommage des pages, des calques et des composants, en utilisant une approche basée sur l'Atomic Design. Tu apprendras à structurer tes projets Figma de manière logique et organisée, en utilisant des noms clairs et des conventions cohérentes. Cette approche facilitera la recherche d'éléments spécifiques et améliorera la collaboration avec ton équipe.

Composants et auto-layout

Je te guiderai dans la création de composants réutilisables en utilisant l'Atomic Design. Tu découvriras comment organiser tes composants en atomes, molécules, organismes et modèles pour maximiser leur réutilisabilité et maintenir la cohérence de ton design. Cette approche te permettra d'économiser du temps et des efforts en réutilisant facilement des éléments de design dans tout ton projet.

Programme

Gagne du temps d'apprentissage grâce à cette formation.

Comprendre le Design Responsive et son importance

  1. Découvrez les principes du design responsive et pourquoi il est crucial pour offrir une expérience utilisateur optimale
  2. Apprenez comment adapter les designs pour différents appareils et résolutions
  3. Explorez les meilleures pratiques pour concevoir des interfaces réactives et flexibles

Découverte des dernières nouveautés de Figma

  1. Familiarisez-vous avec les dernières fonctionnalités et mises à jour de Figma, notamment les variables pour une gestion simplifiée des styles et les mises à jour d'auto-layout pour faciliter l'ajustement des éléments
  2. Apprenez à tirer parti de ces nouveautés pour améliorer votre flux de travail de conception et créer des designs encore plus performants

Mise en place du projet Airbnb

  1. Configurez votre projet Figma en utilisant le design Airbnb comme exemple
  2. Apprenez à importer des ressources, à structurer les calques et à organiser votre projet pour une meilleure efficacité
  3. Explorez les grilles fluides et les contraintes pour faciliter la création de designs réactifs

Création de l'UI Design - Version Desktop

  1. Concevez les éléments clés de l'interface Airbnb pour la version desktop, en utilisant les fonctionnalités avancées de Figma
  2. Explorez les techniques pour créer des mises en page flexibles et adaptatives
  3. Apprenez à optimiser l'expérience utilisateur et à gérer les interactions pour la version desktop

Adaptation pour les appareils mobiles et tablettes

  1. Découvrez comment adapter le design Airbnb pour les écrans de mobile et de tablette
  2. Explorez les techniques spécifiques pour optimiser la navigation, l'expérience tactile et les interactions pour chaque appareil
  3. Apprenez à utiliser les fonctionnalités avancées de Figma pour rendre vos designs réactifs et fluides