Tutoriel Figma : Présentation de Figma

Поділитися
Вставка
  • Опубліковано 23 лис 2024

КОМЕНТАРІ • 116

  • @Brigada85
    @Brigada85 5 років тому +104

    T'es le meilleur Grafikart, merci pour toutes ces vidéos que tu fais sur ton temps libre et qui servent énormément !

  • @optimusdebugger9638
    @optimusdebugger9638 5 років тому +9

    le peuple apprécie et aimerait du contenu de ce genre!

  • @alinelevant1974
    @alinelevant1974 3 роки тому +13

    Géniale la vidéo ! On a survolé Figma en cours pendant 2 heures mais c’était pas aussi bien expliqué que sur cette vidéo !!

  • @sergekalaga
    @sergekalaga 2 роки тому

    En une vidéo de 40 min a peu près je suis déjà top. Mais je serai ravi que tu fasse un tutoriel complet en explorant vastement l'outil.

  • @penbold7927
    @penbold7927 5 років тому +18

    Une série de vidéo sera top, c'est tellement... Top!

  • @thomasbertotto5010
    @thomasbertotto5010 4 роки тому +2

    Je découvre actuellement Figma et la vidéo tutoriel est très claire ! Merci beaucoup, c'est une bonne prise en main

  • @NekoteenMoon
    @NekoteenMoon 4 роки тому +2

    Très bonne vidéo qui nous en apprends vraiment beaucoup, je me suis permis de suivre le tutoriel à la lettre afin d'apprendre réellement comment fonctionne Figma.

  • @yaen7488
    @yaen7488 5 років тому +1

    Tu es un Monstre Grafikart. Un Monstre de boulot... Transmet moi ta sagesse stp🙏🙏🙏🙏🙏🙏🙏🙏🙏

  • @melazik_
    @melazik_ 2 роки тому

    Merci un milliard de fois pour cette vidéo ! J'adore ta voix et les explications sont au top !

  • @2020-k8v
    @2020-k8v 4 роки тому

    Très bonne vidéo, explique bien plus qu'un simple aperçu.
    Je compte vraiment délaisser Sketch pour Figma, je le trouve plus clair, moins fourre tout. Avoir les 3 indispensables Design, Prototype, Collaboration dans la même application est un gros plus.
    Intégrer Principle directement dans la partie Prototype serait parfait.

  • @soilihmohamedahmed9546
    @soilihmohamedahmed9546 2 роки тому

    je vous remercie de votre effort nous sommes reconnaissant

  • @ridwanedjiboalhassane1192
    @ridwanedjiboalhassane1192 7 місяців тому

    Très pratique, ce serait intéressant de nous présenter un playlist sur figma.

  • @ezechiaskouda6447
    @ezechiaskouda6447 4 роки тому +1

    très sincèrement t'es le meilleur youtubeur au monde. merciii

  • @baltazar9762
    @baltazar9762 5 років тому

    Chui débutant en html et CSS, j adores trop tes vidéos merci beaucoup

  • @philippemorselli5585
    @philippemorselli5585 4 роки тому

    Bravo, c'est limpide. J'ai gagné une bonne journée de test sur Figma! The best! Merci beaucoup!

  • @maureendeleu9356
    @maureendeleu9356 4 роки тому +1

    Whoua! Just whoua! Merci pour tous! Je laisse jamais de commentaires, mais la j'était obligé, tu m'as beaucoup aidé, merci encore !

  • @malouette3991
    @malouette3991 2 роки тому

    Super merci pour le tuto ! Je voulais juste préciser que maintenant l'application est accessible sur Linux. Elle s'appelle Figma Linux et semble fonctionner.

  • @Opcode
    @Opcode 2 роки тому

    Je te remercierais jamais assez de m'avoir sauvé pour mes partiels d'IHM grâce à cette video

  • @AtmospherePrplx
    @AtmospherePrplx 4 роки тому +2

    Super vidéo, très complète et claire. Tu sauves mes TP!

  • @dali2560
    @dali2560 3 роки тому

    Franchement on je sais plus comment te remercier !

  • @rose-marlinesidney4896
    @rose-marlinesidney4896 2 роки тому

    Wow ! Excellent ! Merci pour le tuto! Je vais de suite tester

  • @TchudakPOV
    @TchudakPOV 6 місяців тому

    très bonne vidéo j'ai appris bcp de choses merci bcp

  • @estelleazerty5354
    @estelleazerty5354 4 роки тому +1

    Super intéressée si il y a d'autres formations sur Figma! Comme toujours, de supers explications, merci

  • @alwformations8970
    @alwformations8970 3 роки тому

    Très bonne présentation, merci !

  • @matteotarrochi
    @matteotarrochi 5 років тому +1

    Encore une vidéo qui apporte un contenu intéressant et bien expliqué, surtout pour moi qui n'est pas dév. J'aimerai le devenir et avoir un formateur aussi pédagogique que toi. Bref continu car tes vidéos sont abordable même pour les néophytes. Top !

  • @yohannmartos3309
    @yohannmartos3309 3 роки тому

    Très bon tutoriel et explications au top ! Merci !

  • @marie-helenebasse5948
    @marie-helenebasse5948 Рік тому

    Bonjour, merci pour toute tes vidéos...j'en suis à 27'35 lorsque je teste le prototype je ne peux pas déplacer le contact 2 seul comme tu le montres tout le groupe se déplace pourtant sauf erreur je ne t'ai pas vu faire une séparation avant ? lorsque je déplace le contact dans le groupe suppression pour le mettre a l écart et créer le rectangle orange ton contact disparait de l écran le mien reste ..je dois effectuer d autres réglages ?

  • @icimojojojo
    @icimojojojo 5 років тому

    Merci pour la présentation générale, je connaissais déjà mais j'ai découvert pas mal de petites features !

  • @o.m.d7416
    @o.m.d7416 Місяць тому

    Merci pour ce tuto

  • @mayuu_
    @mayuu_ 2 роки тому

    Merci pour ce tutoriel bg

  • @priscillaroy4414
    @priscillaroy4414 4 роки тому +1

    Finalement quels avantages en plus par rapport à Adobe XD ? personnellement je ne connais pas Figma et j'utilise XD. Merci !

  • @465819781
    @465819781 Рік тому

    MERCI !!! 🙏🏼 🙏🏼 🙏🏼 🙏🏼

  • @emc3895
    @emc3895 5 років тому +1

    Top comme d'habitude !
    J'utilise depuis peu Figma, je viens de découvrir pas mal de choses, merci.
    J'ai vu quelques tutoriels en Anglais, notamment sur la partie "responsive" mais tout n'était pas clair, alors si un jour du prévoyais d'en parler ce serait super cool!
    Bravo pour le boulot
    Edit : en visionnant une seconde fois la vidéo je vois que tu abordes le sujet à 14'00...

  • @VanPetersonKpoti
    @VanPetersonKpoti 5 років тому

    Merci pour votre dévouement et le partage d'information.

  • @po9968
    @po9968 4 роки тому +1

    Top ce tuto! Tu vas comme d'habitude très rapidement à l'essentiel, et ça donne envie de l'utiliser. Je suis intéressé par les modifications d'icone SVG dont tu parles. Tailwind.css peut ensuite les styler en partie, mais j'imagine que tu peux carrément les éditer.

  •  3 роки тому

    Tu peux facilement avoir le titre de champion du monde
    J'ai tellement appris grâce à toi

  • @MestafaMOUSSI
    @MestafaMOUSSI 2 роки тому

    Bonjour, merci pour ce tuto. Est-ce possible de réaliser un drag and drop avec?

  • @sihemtoutsimplement6616
    @sihemtoutsimplement6616 4 роки тому

    Merci infiniment ,d'une grande utilité !

  • @omarkuriansky7091
    @omarkuriansky7091 4 роки тому

    BRAVO ! Salut de Montpellie..

  • @skeud5178
    @skeud5178 4 роки тому

    Merci beaucoup monsieur.
    😀👌

  • @adrienjourdan6897
    @adrienjourdan6897 3 роки тому

    Tu es le boss.

  • @kibi4979
    @kibi4979 4 роки тому

    Bonjour merci pour cette présentation de Figma c’est très intéressant. J’aime bien certaines fonctionnalités qu’on ne retrouve pas dans sketch par exemple mais dommage que l’outil ne propose pas des rectangles avec radius intégrés de base. Ça viendra sûrement dans une mise à jour. À plus ✌️

  • @stephassroukou242
    @stephassroukou242 5 років тому

    GRAFIKART AVEC TOUTES SES TRES BONNES FORMATIONS !! MALHEURESEMENT JAMAIS EU UNE FORMATION EN ORACLE

    • @grafikart
      @grafikart  5 років тому +1

      Parceque je n'utilise pas

  • @AlainMazy
    @AlainMazy 2 роки тому

    C'est cool, dommage qu'il n'exporte en HTML/CSS/JS? pour placer ce prototype dans un site qu'il n'y a plus qu'a modifier ou même faire le final sur Figma

  • @IbrahimAdiatu
    @IbrahimAdiatu 4 роки тому

    Salut, Merci pour la video sur Figma, c'etait très instrutif bien j'ai utulisé figma pdt plus de 3 mois dans une boite où je developpais mais j'ai appris bcp à travers cette video et pourriez vous eventuellement approfondir le sujet sur les prototypes svp ?

  • @laurennek1493
    @laurennek1493 4 роки тому

    Super tour sur l'essentiel, très intéressant, merci !

  • @stephanebelicha1842
    @stephanebelicha1842 4 роки тому

    Merci beaucoup c'était super mais je ne sais pour quelle raison je trouve adobe XD bien plus intuitif sur bien des points. Ceci dit vous m'avez appris beaucoup de choses. Merci encore.

  • @LauraPineau78
    @LauraPineau78 4 роки тому

    Est il possible d’appliquer le prototypage à chaque élément de la liste ? Afin que chaque action sur chaque contact aie le même rendu ? (Est ce que c’est automatique par rapport à ce qui a été fait ici ?

  • @sylvainmounier7433
    @sylvainmounier7433 5 років тому

    Super tuto, merci Grafikart !

  • @beastmodestudios7043
    @beastmodestudios7043 2 роки тому

    SUPER TUTO

  • @matthieudelapoterie3725
    @matthieudelapoterie3725 4 роки тому +1

    Vidéo hyper intéressante, très claire. Est-ce qu'il y aura d'autres épisodes ??

  • @francesco71man
    @francesco71man 4 роки тому

    Merci Grafikart ! très bon tuto

  • @batistads1646
    @batistads1646 Рік тому

    Merci beaucoup

  • @yoanap5349
    @yoanap5349 4 роки тому

    merci pour ta vidéo, j'apprends par moi-meme figma et je n'arrive pas à comprendre, comment fait on pour lier une page avec une autre s'il te plait ? (à savoir en cliquant tu un bouton en page 1 alors on arrive sur la page 2 par exemple )
    Merci d'avance

  • @thomasl3409
    @thomasl3409 3 роки тому

    T le meilleur

  • @lcswillems
    @lcswillems 5 років тому

    Merci énormément pour cette vidéo ! Elle m'a beaucoup aidé !!!

  • @micheenkusu403
    @micheenkusu403 Рік тому

    Super tuto

  • @guyness2339
    @guyness2339 2 роки тому

    Merci pour ce super tuto ! Une petite question : imaginons que j'ai une image ronde, est-il possible de positionner un bloc de texte autour ou à côté de l'image qui suivrait la forme de l'image ? Si oui, comment fait-on ?

  • @anissazerrouki2231
    @anissazerrouki2231 2 роки тому

    bonsoir, je suis en ce moment même le tuto figma et je n'arrive pas a trouver le content reel. est ce parce que je suis sur une version gratuite ? j'adore vos cours vous expliquez très très bien.

    • @anissazerrouki2231
      @anissazerrouki2231 2 роки тому

      finalement je viens de trouver mais ce n'est pas comme vous lavez fait. une explication svp pour que je puisse comprendre. encore merci

  • @alixammeto3041
    @alixammeto3041 4 роки тому +1

    Y'aura un tuto webflow aussi ?)

  • @aghileskb
    @aghileskb Рік тому

    tres bonne video , ca sera quand la prochaine ca fait 3ans du coup qu'il ya rien de nouveau sur figma

  • @felixbecquart
    @felixbecquart 4 роки тому

    Tellement pratique !
    Merci pour ta vidéo :D

  • @ZitoxLD
    @ZitoxLD 4 роки тому

    Dommage qu'il n'y ai pas de "components" de base pour iOS et Android. Du genre je veux mettre une tabbar ou une navbar, je glisse juste le component et il me l'ajoute automatiquement bien designé avec les styles fidèles à l'OS. Ca serait un gain de temps énorme. Merci pour le tuto

  • @someuser0967
    @someuser0967 5 років тому +1

    Please fait une petite series

  • @lodwagler8561
    @lodwagler8561 5 років тому

    Merci pour votre présentation sur cette outils très intéressant !
    On dirait un mixte dIllustrator et de xcode (pour iOS).
    J'ai regardé vite fait, il semblerait qu'il soit également open source et donc self Hosting =)

  • @MakarovStark
    @MakarovStark 5 років тому

    Franchement rien à dire, génial l'explication, un like et un abonné de plus que tu gagnes :p

  • @user-jm3ix9kg3w
    @user-jm3ix9kg3w 3 роки тому

    Super ce tuto

  • @valeryfrancois7724
    @valeryfrancois7724 3 роки тому

    Super outil et très bien présentation :-)

  • @moddingchannelsub7841
    @moddingchannelsub7841 5 років тому

    merci pour cette vidéo très très utile !

  • @CrosRV
    @CrosRV 4 роки тому

    merci pour ta video, c’est très excellent !

  • @Soso13
    @Soso13 2 роки тому

    Salut, j'ai une interrogation. Figma sert juste à faire des maquettes ? Par exemple pour faire une maquette pour un site web quand je commence à faire mon site sur WordPress je dois recommencer à 0 ? Le figma me sert uniquement de modèle en gros. Merci

    • @grafikart
      @grafikart  2 роки тому

      Oui c'est ça, il ne fera pas ton CSS / HTML

  • @Dave-rd5bb
    @Dave-rd5bb 3 роки тому

    super vidéo :D

  • @lessa2263
    @lessa2263 3 роки тому

    Merci!

  • @arnaudducoin6853
    @arnaudducoin6853 5 років тому

    Très bon tuto !

  • @hakbe9833
    @hakbe9833 4 роки тому

    Top ! Merci

  • @MMpD2cSV
    @MMpD2cSV 4 роки тому

    Merci beaucoup 😃👍

  • @T_web3
    @T_web3 5 років тому

    Grafikart dans la même lignée Adobe XD très bon outils et version gratuite disponible, je l'utilise pour le design de maquette

    • @yohanbesson2985
      @yohanbesson2985 4 роки тому

      en effet mais moins d'effet comme le drag,swipe sur XD

  • @massioran1096
    @massioran1096 4 роки тому

    Est il possible d'exporter ce fichier sur windev mobile ?

  • @lozys9307
    @lozys9307 2 роки тому

    Bonjour dsl de vous dérange j'aimerais apprendre a cree des sites internet mais je ne sais pas par quoi commence a apprendre quelle application, qu elle site, ou meme du codage si une personne pourrais m'éclairé se serais fort simpa !

  • @emilekoffi5257
    @emilekoffi5257 2 роки тому

    Merci.

  • @Saskyia
    @Saskyia 3 роки тому

    merci

  • @plairetaxance6873
    @plairetaxance6873 3 роки тому

    comment créer des liens sur figma ??

  • @DavidJohnson-yi4tv
    @DavidJohnson-yi4tv 4 роки тому

    merci bcp

  • @_MrThii
    @_MrThii 5 років тому

    C’est un comme les applications web de Google genre Google sheet, Slides ou doc mais pour crée des maquettes comme adobe XD

  • @victormalet7066
    @victormalet7066 4 роки тому +1

    32:27 Ne JAMAIS faire les changement en live, parce que je ne suis pas les "mains" d'un non-designer. Si le client a des demandes : elles sont (et doivent) reconsidéré par notre regard d'expert (UX, Gestalt, UI rules, Ratio, Design system ect.) Si vous avez cette dynamique avec votre clients vous allez : 1. vous décrédibiliser (vous n'etes plus experts mais ses "mains") 2. Donner du pouvoir de décision à votre clients alors qu'il n'a pas un regard expert. 3. Passer beaucoup de temps sur des éléments futiles car encore une fois c'est nous les experts et paufiner un parcours UX est bcp plus important que de changer la couleur du t shirt du pélo dans le Header. Donc ne faites pas cette erreurs. (maybe une video entirer sur la dynamique designer-client serai cool ? )

    • @ptitbilou
      @ptitbilou 3 роки тому +1

      @victor De mon point de vue, l'erreur c'est de croire que l'UX designer est un expert. Au contraire, je suggère aux UX designer de plutôt incarner la posture du chercheur (du mec qui doute) que du chercheur. L'enjeu n'est pas d'être crédible ou de donner du pouvoir, mais d'instaurer un climat de confiance et de respect. Quelqu'un qui pense tout savoir, tout maitriser se décridibilsera de lui-même car le monde est trop complexe, trop incertain pour être sur de quoi que ce soit (à part qu'il est incertain ;) ).
      Donc travailler en coopération avec son client, faire ces changements en live, c'est extrèmement important. Ton client est ton partenaire, le succès de son projet fait ta réussite.
      Les autres modalités de collaboration, les postures d'expert laissent trop place à l'égo.
      Le client, c'est l'expert de son métier. l'UX designer est un guide qui l'accompagne.

  • @alaindevtecchannel2232
    @alaindevtecchannel2232 3 роки тому

    Salut, Merci pour la vidéo. Je aimerais savoir s'il y'a moyen de générer les codes HTML à partir de ce design.

    • @grafikart
      @grafikart  3 роки тому

      Pas à ma connaissance.

  • @OthmaneAzerdaOui
    @OthmaneAzerdaOui 5 років тому +2

    Une serie de adobe xd ca sera top, Merci

    • @emilie1977
      @emilie1977 5 років тому

      Moi j'aimerai faire des animations html5. Depuis Flash il est tout statique mon site

    • @jesuis2012
      @jesuis2012 5 років тому +1

      Archemi jète un œil à Tumult Hype 😉

    • @emilie1977
      @emilie1977 5 років тому

      @@jesuis2012 merci mais c'est seulement pour os x

  • @IllusionIRL
    @IllusionIRL 5 років тому

    Top !

  • @yvesmanchec2791
    @yvesmanchec2791 2 роки тому

    ce serait mieux de partir du résultat et de montrer comment on y arrive

  • @ManiBssProduction
    @ManiBssProduction 5 років тому +1

    tu utulise quel systheme d'exploitation sur ton ordniateur

    • @skitounet
      @skitounet 5 років тому

      Il utilise windows

    • @grafikart
      @grafikart  5 років тому +1

      Linux (antergos avec l'environnement i3)

    • @ManiBssProduction
      @ManiBssProduction 5 років тому

      @@grafikart Merci jje vais chercher a installer jaime bien tout ce k tu fais

  • @nobody_there_
    @nobody_there_ Рік тому

    C'est mieux qu'ELEMENTOR ?

    • @grafikart
      @grafikart  Рік тому

      Figma est là pour créer un design (on ne s'occupe pas du code). Elementor est un page builder il est donc plus limité et son objectif est plutôt là pour permettre de construire une page.

  • @davidackermans9155
    @davidackermans9155 3 роки тому

    9:22 Oh Chillhop !

  • @KaKi87
    @KaKi87 5 років тому

    Pourrais-tu également faire des vidéos sur Icons8 Lunacy ? Merci !!

  • @sauvage775
    @sauvage775 3 роки тому

    Dommage que ce ne soit pas en français

  • @ravierkonan1694
    @ravierkonan1694 5 років тому

    Good

  • @DavidJohnson-yi4tv
    @DavidJohnson-yi4tv 4 роки тому

    faites moi confiance lool

  • @hardcpp1787
    @hardcpp1787 5 років тому

    Hors mis pour du prototypage ça n'a pas vraiment d'intérêt. Mais ça reste cool.

  • @creol6752
    @creol6752 4 роки тому

    Un Photoshop amélioré en faite ?

  • @antoine-louis
    @antoine-louis 5 років тому

    First !

  • @sananass8941
    @sananass8941 3 роки тому

    menteur