Qu'est-ce que le plugin MapCycle?

MapCycle est un plugin pour Figma qui permet d'intégrer des cartes géographiques dans des designs.

Comment peut-on mettre à jour une carte intégrée avec MapCycle?

Pour mettre à jour la carte, vous faites un clic droit sur la carte générée et sélectionnez l'option 'Open' pour retourner à l'interface de MapCycle et apporter les modifications nécessaires.

Quels sont les outils nécessaires pour utiliser MapCycle?

Vous aurez besoin de Figma installé sur votre ordinateur ainsi que du plugin MapCycle préalablement téléchargé depuis la communauté Figma.

CATALOGUE Design et Infographie Formation Figma Atelier Figma - Design d'application Utiliser le Plugin MapCycle sur Figma

Utiliser le Plugin MapCycle sur Figma

Mapsicle

Vidéo non disponible ! Réessayez plus tard

3h 8min

42 leçons

4,5

Transcription

159,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

3h 8min

42 leçons

4,5

159,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Guide d'intégration de cartes géographiques

Objectifs

Les objectifs de cette vidéo sont d'apprendre à installer et utiliser le plugin MapCycle sur Figma, de comprendre comment créer et personnaliser des cartes, et de savoir mettre à jour les cartes intégrées.

Résumé

Apprenez à utiliser MapCycle pour insérer des cartes géographiques dans vos designs sur Figma.

Description

Dans cette vidéo, vous apprendrez comment utiliser le plugin MapCycle pour intégrer des cartes géographiques dans vos designs sur Figma. Ce plugin permet de créer des cartes personnalisées en utilisant Mapbox pour gérer les adresses.

Vous verrez comment dessiner un rectangle avec des bords arrondis pour délimiter la carte, et comment utiliser les fonctionnalités de zoom et de pointage pour sélectionner des zones spécifiques. Le tutoriel inclut également des instructions pour mettre à jour les cartes existantes.

MapCycle est particulièrement utile pour les projets nécessitant des éléments de cartographie, permettant d'intégrer de façon esthétique et fonctionnelle des cartes dans n'importe quel design.

Questions - réponses

Programme détaillé

Accueil de la formation

Module 1 - Installation de Figma

Présentation de Figma 01:16

L'installation de Figma - Online & desktop 00:35

Accueil de Figma 04:21

Création d'un document 00:36

Module 2 - Découverte de l'interface

Menu et interface Figma 00:43

Barre d'outils 15:08

Menu layers & assets 06:00

Menu design & prototype - Les grands principes 02:14

Menu design & prototype - Démonstration de chaque feature 10:27

Module 3 - Refonte de l'application météo "Rain Today"

Présentation de l'application 12:03

Création des layers et de l'écrans Welcome 14:30

Du wireframe au design d'interface UI 01:56

Les goutières et les colonnes 02:07

Fond en dégradé 02:24

Elements et composants externes 03:14

Position des éléments de structure et application des styles 10:03

Créer une ombre 03:09

Element de base du graphique 05:57

Positionnement des axes 02:42

Courbe dégradée 10:11

Creation de la timeline du graphique 04:09

Barre de navigation 05:54

Cloner d'un écran 04:00

Utilisation du masque et création de la carte 03:42

Pictogramme de la carte 03:52

Creation de la timeline de la carte 06:44

Zone de précipitation 05:22

Ecran de recherche 03:00

Fonctionnalité des listes 04:47

Dupplication et intégration d'un composant externe 02:48

Export d'éléments d'un projet Figma 02:09

Module 4 - Prototypage de l'app

Introduction au prototypage et 1ère animation 04:20

Prototypage des écrans et test 05:54

Autres animations & conseils 02:27

Partage de prototypes 00:37

Module 5 - Pour aller plus loin / Bonus

Faire évoluer votre designs dans le temps - passage en dark mode 02:54

Plug in Morph 02:25

Glass effect 03:54

Neumorphism 03:25

Content Reel 02:44

Mapsicle 01:50

Brandfetch 01:47

8 commentaires

4,5

8 votes

pa12

Il y a 1 an

Je viens de débuter la formation mais quel dommage de ne pas avoir le fichier de travail avec... Une grosse perte de temps pour les images, les icones...etc. Pouvez-vous svp ajouter ce fichier à télécharger?

jc.mosca

Il y a 1 an

Comme dit plus haut, mise à part les centaines de "du coup" et "en fait" plutôt agaçants, c'est comme d'habitude chez Elephorm une formation enrichissante. J'ai mis seulement 4 étoiles car il manque la démonstration des overlays, des contraintes, des listes à puces et pas mal d'autres. Ce serait bien qu'Elephorm fasse des mises à jour de ses formations.

ousmane.ndia

Il y a 1 an

Bien pour apprendre les bases, mais manque les nouveautés de 2022.

nicolas.dessis

Il y a 2 ans

Merci !

pioupiou06

Il y a 2 ans

Super formation ! très bien expliquée !

pulpozien

Il y a 2 ans

Très bonne formation.
Trop de "du coup" et du coup ça agace mais sinon super

maellechancerelle

Il y a 3 ans

Super formation!!

stephanehugon

Il y a 3 ans

Cette formation est vraiment au top ! Je ne connaissais rien de Figma (étant "seulement" développeur à la base) et j'ai appris beaucoup de choses, je recommande donc cette formation; le formateur est très sympathique et professionnel dans sa pédagogie, c'est très agréable à suivre. Je recommande par contre d'avoir au moins deux écrans (voir trois) pour suivre la vidéo et pratiquer/prendre des notes en même temps.

Seul bémol par contre, pitié Elephorm, mettez les fichiers de travail avec la formation... (Ce n'est pas la seule sur laquelle il manque les fichiers d'ailleurs); mais mettez-les, ça évite d'aller chercher à droite et à gauche des SVG que l'on doit convertir, des images, etc...

A part ça, super formation !