Les bases de Figma 2023 (cours gratuit)

[@Phidias_Academie]

🔴Devenez graphiste freelance en 3 mois ➡www.perrin-conception.fr/conference-inscription

[@sevedewabob]

Merci Nicolas j'ai appris des choses, tu expliques chaque "click" systématiquement, très pédagogue

[@Phidias_Academie]

Merci !

[@Sarah-wb1ls]

Je vais comemncer ce tutoriel aujourd'hui. Je viens de tomber dessus, j'ai à peine regarder les premières minutes que ça m'a convaincue. Merciiiii

[@Phidias_Academie]

❤❤❤

[@carole6922]

Merci pour cette vidéo dont les explications sont très claires. Je débute sur Figma, et j'ai pu créer une landing page pas à pas en 1 heure. C'est vraiment encourageant !

[@Phidias_Academie]

Merci pour ton commentaire Carole !

[@maruiskamgaing7854]

Salut à vous peut-on collaborer ensemble pour mieux cerner la maîtrise du logiciel ?

[@Daniielle-w4m]

Pourquoi tes vidéos n'ont pas plus de vues? Franchement tu es un pro. Merci beaucoup Nicolas

[@Phidias_Academie]

Merci beaucoup pour votre commentaire ! Ça fait plaisir :)

[@samanthathiel]

Super utile ce cours, ça m'a appris pas mal de choses que je n'avais pas vu dans d'autres tutos, notamment les colonnes pour se repérer. Merci beaucoup! :)

[@Phidias_Academie]

Avec plaisir !

[@gillianantoine2068]

Merci pour ce tuto très complet et pour la pédagogie ! Je ne connaissais pas du tout l'outil, mais je vais l'utiliser dans mon nouveau travail. Ta vidéo m'a permis de bien prendre l'outil en main et de connaitre à l'avance pas mal d'astuces et de raccourcis. Merci !

[@Phidias_Academie]

Merci pour ton commentaire !

[@cinnaba5137]

Incroyable mercii beaucoup !!

[@Phidias_Academie]

Avec plaisir !

[@leleacrea]

Au top tes explications, très pédagogue 👏Je ne connaissais pas du tout Figma et grâce à ta vidéo j'ai pu tout comprendre ! Merci !

[@Phidias_Academie]

Merci pour ton commentaire Léa !

[@moreirasara7504]

Merci pour ce tuto, très clair et efficace, je débute avec Figma et j'ai appris pas mal de choses en 1h.😊

[@Phidias_Academie]

Avec plasir !

[@sandylefol4771]

Bonjour Nicolas ! Super vidéo, simple, rapide et efficace comme à chaque fois ! Mille mercis

[@sad.M556]

vraiment c'est cool ce travail là merci pour ton encouragement

[@Phidias_Academie]

Merci à toi !

[@SaveCount-bh8tp]

Ousmane tu es un génie de la conseil mania , ! J'ai un conseil pour toi écrit un livre avec tous ces séries de conseils que tu donne sur youtube tu gagneras plus crois moi!

[@cihan9220]

excellente vidéo, le support que tu nous a fournis est très utile

[@Phidias_Academie]

Merci !

[@LeShango]

Merci pour l'enseignement ! Tu es bon dans tes enseignements

[@Phidias_Academie]

Merci !

[@user-cocoette]

c'est très complet merci, si je peux me permettre une seule reflection mais à ne pas prendre mal, c'est plus pour que tu en ai concscience : ton articulation...parfois j'ai eu du mal à tout comprendre mais bravo autrement !

[@Phidias_Academie]

Merci pour ton commentaire, je prends en compte 👍

[@thomasdethorey]

Parfait, j'ai reproduit la maquette en suivant à la lettre le tutoriel. En quelques heures, j'ai mémorisé les bases et j'ai pu concevoir une maquette par mes propres soins très efficacement !

[@Phidias_Academie]

Top ! Content que ça vous ait aidé !

[@lo2nn]

Super vidéo, merci pour cette formation, elle m'a été très utile

[@Phidias_Academie]

Avec plaisir !

[@slow_ftn344]

Incroyable vidéo ! Merci

[@Phidias_Academie]

Avec plaisir !

[@Benhammer636]

Très pro, vidéo de qualité!

[@Phidias_Academie]

Merci !

[@wolfvenstacharlestan]

merci pour le cours, j'ai adore

[@Phidias_Academie]

Merci !

[@manon3054]

Merci pour cette vidéo !

[@Phidias_Academie]

Avec plaisir !

[@chirazbenazzoun5231]

Très clair et riche ! mille merci

[@Phidias_Academie]

Avec plaisir !

[@brayantheloveend937]

Merci pour cette video , mais j'aimerais que tu aborde la responsivité des élements et les effects sur certains élément comme les boutons ou la nav bar par exemple

[@allaboutlifetv4689]

J'ai aimé le tuto... du début à la fin🎉

[@youngboygrowin]

merci beaucoups , je cherchais un bon tuto et je pense l'avoir trouvé

[@Phidias_Academie]

Merci à vous !

[@Talaria.School]

Merci pour ton contenu ❤

[@alphamawiatoubah825]

Pratiquement c'est la meilleure vidéo tu peux nous faire une autre vidéo avancer avec les nouveautés

[@Zucotti]

Très bon tuto merci.

[@skytasksgy0143]

Mille merci pour ton boulot 👌

[@Phidias_Academie]

Avec plaisir !

[@ayakiri5098]

Franchement top ! 👏👏

[@Phidias_Academie]

Merci !

[@OneDeft]

Bon tuto ! 👍

[@Phidias_Academie]

Merci !

[@erickamdem9982]

Tres Pro. Superbe Video...

[@emil30w]

merci mon gars !

Merci de partager tes connaissances sur Figma, ton tuto est bien mais j'ai l'impression qu'on passe un peu à côté de l'essence du logiciel. Tu utilises très peu d'auto-layouts (par exemple un space-between sur la nav + du padding et AL en packed) pareil sur la FAQ etc ... On n'utilise JAMAIS de noir 100% en UI car ce n'est pas du tout le même rendu entre un écran OLED et LCD etc etc ... Je forme sur le logiciel (et en UI) depuis longtemps, et je sais qu'il est très difficile de tout condenser en 1h (impossible selon moi 😉) mais attention aux mauvaises habitudes de conception dont il est parfois difficile de se défaire ! Bravo pour ton travail et continue !

[@isabelli33270O]

Merci pour le commentaire, je me suis abonnée à votre chaine pour apprendre plus de notions

[@ai.aspirations]

mille merci!

[@ARNBNDL]

Assez ouf. Je viens de prendre une claque a regarder un tuto d'un logiciel que je ne connais meme pas, jai trouvé ca génial! Il y a une video sur KZbin qui parle de ton parcours Nicolas? Tu faisais quoi avant le design? Merci a toi. Inspirant!

[@Phidias_Academie]

Merci beaucoup pour ton message !! Ça date un peu mais tu peux regarder celle-ci : kzbin.info/www/bejne/a3iUqWN-j9B5rsk&ab_channel=PhidiasAcad%C3%A9mie-Vivredugraphisme

[@ARNBNDL]

@@Phidias_Academie C'est vu, trop cool. Je pensais que tu avais fais une reconversion dans le design mais enfaîte tu baignes dedans depuis le début. Je viens juste de découvrir framer puis figma dans la foulée. J'ai vraiment kiffé leur utilisation, ce côté instinctif. Nicolas, vraiment, pour de la reconversion pro, à 40 balais, c'est possible dans le design? Web design, toussa ? Ça pululle pourtant tout ça... non?

[@Phidias_Academie]

@@ARNBNDL Honnêtement il n'y a pas d'âge pour commencer, tant que la passion est là. Une de me meilleure élève a la quarantaine Mais je t'invite à réserver un appel avec nous, on verra ensemble si ta situation pour convenir au programme : calendly.com/perrin-conception/appel-designer-pro

[@borishelvas5547]

Un grand merci !

[@franckoABO]

super video

[@Phidias_Academie]

Thanks !

[@giovaniaugustin1647]

Merci!

[@Phidias_Academie]

Avec plaisir, Giovani !

[@mateolalanne8708]

petit tips : si vous cliquez sur la molette de la souris, vous pouvez naviguer dans votre document de la même façon qu'avec espace ;)

[@sandrine6466]

Super, ma première maquette sur figma, et super tuto ;) Merci ! J'aurais aimé savoir s'il est possible de passer de mobile first à desktop de façon responsive ? Sans avoir à tout refaire sur un autre format ...

[@DemarieAgavoedo-nm2hj]

Bonjour Nicolas. Très instructifs la vidéo merci beaucoup 🙏. Grâce à vous je fais mes début sur Figma. Je me suis inscrit pour avoir en fichier source lais toujours rien reçu depuis 24h.

[@Phidias_Academie]

Hello ! Tu as regardé dans tes spams ? J'ai regardé de mon côté et ça marche bien

[@sapham8016]

merci pour la video :) une question svp: pourquoi quand je tire l'écran MacBook vers le bas, certains éléments bougent vers le bas aussi ?

[@naval6126]

Salut Nico, super vidéo ! Merci pour ce tuto je kiffe grave … juste une petite question … je galère un peu avec mon HTML & mon CSS, du coup si je veux coder cette belle maquette ( je pense notamment aux ellipses bleues qui se diffusent ou au dégradé noir sur les avis clients des deux côtés de l’écran ) ça va être assez facilement réalisable ou un vrai casse-tête 🤕 ? Le rendu est vraiment super mais je sais que c’est parfois la gueguerre entre les designer et les développeurs et ça m’ennuieraient de proposer une belle maquette que je n’arriverai jamais à produire en site ! Toutefois il me semble avoir déjà entendu dire que FIGMA génère du code ( ça pourrait être ma solution !!!! 😃 ) peux-tu m’en dire + à ce sujet ? Merci beaucoup !

[@Phidias_Academie]

Salut ! Alors personnellement je développe mes maquettes avec Webflow, et c'est relativement simple d'intégrer ce genre d'élément Si c'est faisable avec Webflow ça doit l'être aussi en codage classique mais je sais pas vraiment à quel point c'est relou pour les dev

[@raphaelnsangou3886]

Salut Phildias, merci pour la vidéo car c'est assez compréhensible, j'aimerais beaucoup aller jusqu'au bout, sauf que je ne reçois pas les fichiers dans ma boîte mail tel que prévu, même après trois tentatives. Peux-tu stp fournir un dernier effort pour m'aider. J'aimerais obtenir la même chose que le rendu final. 🙏

[@Phidias_Academie]

Salut, voilà le lien : www.figma.com/community/file/1207001013049158869/Fichier-Source

[@raphaelnsangou3886]

@@Phidias_Academie Merci beaucoup.

[@hansjonathanagoua8281]

J'arrive pas à avoir acces au fichier source

[@chrisder1814]

bonjour est-ce que tu pourrais me vers une comparaison avec canva et removebg si tu les as testé ma première idée c'est de retirer l'arrière-plan de mes images et de mettre à la place un fond blanc et ma deuxième idée et de me faire un robot qui pourrait me scanner toutes les images qui sont sur mon site et de me retirer toutes les arrière-plan et de me les changer pour des fonds blancs j'ai pensé que ça serait possible avec l'api genre de canva mais d'abord je voulais savoir si il est possible de faire des trucs plus poussés avec l'API de figma pour mon idée d'arrière-plan

[@francka.4174]

51:22 Pourquoi tu n'alignes ni l'élément ni sa " boîte " sur les colonnes ? Quel est ton raisonnement stp ?

[@Phidias_Academie]

Hello, simplement car l'élément n'est pas rectangulaire, dans ces cas là, il faut faire un peu au feeling

[@elodiewtn1909]

Coucou :) tout d’abord merci pour ton Tuto 😊 je débute en graphisme et je me demandais à quoi ça sert de créer une maquette de site web sur Figma, est-ce qu’on peut l’importer dans WordPress par la suite ? Désolée si ma question paraît bête mais je débute et c’est pas évident de tout comprendre 😅

[@Phidias_Academie]

Salut ! Non tu ne peux pas l'importer, le but c'est de créer un design rapidement avant de l'intégrer. Car comme tu as du voir sur Wordpress c'est assez long pour faire une page. L'idée c'est donc de valider un design au préalable

[@elodiewtn1909]

@@Phidias_Academie d’accord merci ☺️ mais est-ce qu’on peut refaire exactement les même effets sur WordPress que ce qu’on a fait sur figma ?

[@Phidias_Academie]

@@elodiewtn1909 Wordpress est assez limité en termes de design je crois, tu pourras faire plus ou moins la meme chose mais ça sera pas exactement pareil je pense. Le meilleur intégrateur en termes de design est Webflow

[@elodiewtn1909]

@@Phidias_Academie merci beaucoup pour tes réponses 🙏🏼

[@yaobertinniamien7530]

merci pour cet enseignement très compréhensif sur Figma. Par contre je n'ai pas télécharger les fichiers sources.

[@billali2878]

Bonjour, j'ai une maquette faite en PNG. Comment la transformer en calque FIGMA?

[@nhanou6497]

Hello, merci beaucoup pour ta vidéo! Mais j'ai un petit soucis sur Figma car je ne vois pas la case pour fixer la barre lorsque l'on scroll, j'ai cherché un peu partout pour savoir comment l'afficher mais je ne trouve pas :(. Sais-tu comment faire ?

[@DianeCommelin]

Je rencontre le même problème, le bouton ne s'affiche pas...

[@AminataKafando-l6m]

Bonjour j'ai demande a recevoir le fichier source depuis hier mais jusque la je ne l'ai pas encore reçu

[@asnooni8875]

Hello, bravo pour te Tuto,. Je découvre Figma depuis cette semaine et me lance à fond. Par contre, je n'ai pas l'option "fix position". Je suis juste bloqué là- J'ai les constraints et ça passe direct à Layer avec les différentes options.. Est-ce une version différente ? Merci pour ton aide

[@Phidias_Academie]

Salut ! Merci ! Je pourrai pas trop te dire comme ça, mais c'est possible que Figma ait été mis à jour depuis, je sais pas trop d'où ça peut venir

[@NEPRU]

Lorsque tu cliques sur ton calque NavBar tu vas sur protoype et non design comme sur la vidéo, puis dans position tu déroules le menu et tu choisis "fixed"

[@sixtinedecarsin145]

@@NEPRU Merci !

[@domitillet]

Bonjour, le contenu convient bien à des novices graphistes. Je regrette juste le débit de parole trop rapide qui rend parfois les explications incompréhnesibles. Je suis française, alors je n'ose pas imaginer la difficulté pour des francophones ou étrangers. En ralentissant un peu, en faisant des pauses, ça serait plus facile à suivre.

[@furvio1727]

Bonjour, pour la création d'une site web classique et accessible à monsieur tout le monde, vaut-il mieux partir sur un format MacBook 16 ou une taille de 1920 pixel ?

[@GEEKMANV]

Hey, je fais des études en informatiques web et donc soit tu commences avec du mobile first ou du desktop first mais dans tous les cas, la norme, c'est plutôt 1920px en largeur ou si tu veux commencer par le smartphone, alors, tu fais avec du 480px allant jusqu'à 720px en mode tablette. enfin, je te donne quelques normes mais voilà ! n'oublie pas le format Ipad entre deux si tu veux faire du responsive !

[@lamiamamlouk963]

Bonjour, j'ai envoyé deux demandes pour recevoir le fichier source mais ça n'a pas l'air de marcher.. Aucun mail reçu.

[@Phidias_Academie]

Bonjour, dites moi si vous ne l'avez pas reçu d'ici demain, des fois c'est un peu long

[@jacquesphilippefadonougbo7531]

Bonjour, J'ai suivi votre vidéo. Et c'est très intéressant. Merci beaucoup pour l'explication détaillée. Mais je voudrais poser une question : Quelle est la différence entre la maquette réalisée et le site Web en vrai ? Est-ce-que la maquette réalisée représentante déjà le site Web en vrai ? Si c'est non, alors comment obtenir le site Web en vrai à partir de la maquette réalisée ?

[@Phidias_Academie]

Bonjour ! Merci pour votre commentaire Il faut ensuite soit passer par un développeur qui se chargera de mettre la maquette en ligne, soit par un outil de no code comme Webflow

[@jacquesphilippefadonougbo7531]

@@Phidias_Academie Merci beaucoup pour votre réponse

[@sarankeita-u7t]

stp comment on fait pour supprimer un element sur figma😪😪

[@elyah9310]

Super vidéo merci beaucoup! Mais je comprends pas pourquoi je n'ai pas le "Fix position when scrolling", il est pas du tout là 😥

[@Phidias_Academie]

Avec plaisir ! C'est peut-être parce qu'il y a eu une mise à jour depuis, je saurai pas trop te dire

[@c14agency]

Hello j'avais le même pbm, alors j'ai cherché dans le forum figma et j'ai trouvé immédiatement : Ils ont déplacé l'option dans l'onglet PROTOTYPE. :)

[@christianwafidusua5248]

j n'arriver pas a téléchargé le lien je sais pas si vous pouvez m'aider

[@YannisMsaidie]

Comment je peux avoir la police d'écriture svp

[@FarahUXUI]

Hello je comprends pas tu utilises pas de design system ?

[@nicolasmolines9871]

J’ai lu que pour les sites tu utilisais webflow … et ça a l air de ressembler à figma … du coup je comprend pas trop pk ne pas faire direct sur webflow ( je suis newbie lol)

[@Phidias_Academie]

Prcq c'est beaucoup plus long de créer sur Webflow comme sa fonctionnalité première est l'intégration web, c'est beaucoup plus technique en gros

[@PAUSEDany-xj5zs]

Où est le fichier source?

[@mohamedlourak312]

Monsieur Nicola bonjour Je commente pour avoir une réponse sinon ce n est q une perte de temps . Un débutant en design doit apprendre dès le début: Comment rectifier, gommer , effacer ,supprimer et annuler Sinon il est tenu de tout refaire Et changer la page Amicalement et à vous.

[@BasileMenjaud]

le lien marche pas

[@didierarnoult7216]

je n'ai pas reçu le fichier source après m'etre inscrrit.

[@Phidias_Academie]

Bonjour Didier, vérifiez que vous avez entré la bonne adresse mail. Si oui, vérifiez dans vos spam. Bonne journée !

[@ABDOULMADJIDMONININUOLALATOUND]

je n'arrive pas a télécharger le fichier source

[@Phidias_Academie]

Bonjour, vérifiez que vous avez entré la bonne adresse mail. Si oui, vérifiez dans vos spam. Bonne journée !

[@fredericdearaujo1929]

Bonjour, Merci pour cette vidéo qui est très instructive. Par contre ça va parfois un peu vite et si je peux me permettre, vous parlez extrêmement vite avec une diction pas très claire parfois. merci

[@meelo6069]

je suis le seul qui n'arrive pas à recevoir le fichier source par mail ?

[@Phidias_Academie]

regarde dans tes spams

[@oc___]

Bonjour, @@Phidias_Academie en effet nous sommes nombreux à n'avoir rien reçu. J'espère que c'est une erreur et non pas une grosse arnaque.

[@ryujigtr]

pas de design system , utilisation de variable palette couleurs fonts , dommage

[@phanuelalibia]

cree un discord

[@mohamedlourak312]

Tout le monde parle de figma avec un gros bla bla mais personne y compris vous monsieur NIcole ne débute comment supprimer dont on n a pas besoin dans ce qu' on a fait une erreur vous vous adresse à des débutants qui corrige comment effacer changent tout le temps

[@martinforthoffer9491]

Cmd+x pour mac

[@coms35x3]

Ctrl + Z

[@kennethaugustino4918]

Je t’ai trouvé trop rapide

[@estebaningals2460]

Tu vas trop vite et tu n'articules pas bien. C'est dommage.

[@elsacoco3810]

Esteban, tu as dit à l'auteur d'un tuto sur Figma la chose suivante : "Tu vas trop vite et tu n'articules pas bien. C'est dommage." Mais par "TU VAS TROP VITE", veux tu dire par là que : • *L'AUTEUR* de la vidéo PARLE vite ? ou que : • *LE RYTHME DU TUTORIEL* est trop rapide, que les explications ne sont pas assez détaillées, trop synthétiques ? Je pose la question car je n'ai pas encore commencé le tuto. Sa durée (plus d'1h) me décourage un peu. Donc, avant de me lancer, je voudrais m'assurer que le tuto va LENTEMENT, et explique les choses PAS A PAS. Merci d'avance pour ton retour d’expérience.

[@estebaningals2460]

@@elsacoco3810 Hello ;) En effet le KZbinr n'articule pas et parle trop vite. Il semble souffrir de problèmes d'élocution c'est assez désagréable. J'ai envie de dire, n'est pas KZbinr qui veut. Quant au Tuto, ben il propose quelque chose de vraiment trop basique et ne justifie pas la plupart de ses choix. En creusant bien plus loin sur d'autres plateformes je me suis rendu compte que c'était plus pertinent ailleurs, même concernant les règles du métier. En fait je pensais que je pourrais apprendre Figma sur KZbin... Erreur. La plupart d'entre eux s'adresse déjà à des Designers chevronnés qui ont les "bases" de Figma, du coup j'ai préféré basculer sur une vraie formation et là, la pédagogie, ça n'a juste rien à voir. Après ça a un coût, mais on apprend un métier donc ça devient très vite rentable au final.

[@Mansoura-c9n]

malheureusement vous etes trop rapide et incompréhensible

[@Phidias_Academie]

@@Mansoura-c9n Bonjour Mansoura, qu’est-ce que vous n’avez pas compris ?

[@brefdigital]

arnaque fichiers sources inexistant