Tutoriel Figma : Présentation de Figma

Поделиться
HTML-код
  • Опубликовано: 21 ноя 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 !

  • @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.

  • @Opcode
    @Opcode 2 года назад

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

  • @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

  • @penbold7927
    @penbold7927 5 лет назад +18

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

  • @optimusdebugger9638
    @optimusdebugger9638 5 лет назад +9

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

  • @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🙏🙏🙏🙏🙏🙏🙏🙏🙏

  • @ridwanedjiboalhassane1192
    @ridwanedjiboalhassane1192 7 месяцев назад

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

  • @melazik_
    @melazik_ 2 года назад

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

  • @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 !

  • @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.

  • @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!

  • @soilihmohamedahmed9546
    @soilihmohamedahmed9546 2 года назад

    je vous remercie de votre effort nous sommes reconnaissant

  • @estelleazerty5354
    @estelleazerty5354 4 года назад +1

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

  • @ezechiaskouda6447
    @ezechiaskouda6447 4 года назад +1

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

  • @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.

  • @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 !

  • @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...

  • @AtmospherePrplx
    @AtmospherePrplx 4 года назад +2

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

  • @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 !

  • @rose-marlinesidney4896
    @rose-marlinesidney4896 2 года назад

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

  • @dali2560
    @dali2560 3 года назад

    Franchement on je sais plus comment te remercier !

  • @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.

  • @TchudakPOV
    @TchudakPOV 6 месяцев назад

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

  •  3 года назад

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

  • @laurennek1493
    @laurennek1493 4 года назад

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

  • @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

  • @VanPetersonKpoti
    @VanPetersonKpoti 5 лет назад

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

  • @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 ✌️

  • @yohannmartos3309
    @yohannmartos3309 3 года назад

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

  • @omarkuriansky7091
    @omarkuriansky7091 4 года назад

    BRAVO ! Salut de Montpellie..

  • @alwformations8970
    @alwformations8970 3 года назад

    Très bonne présentation, merci !

  • @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 ?

  • @matthieudelapoterie3725
    @matthieudelapoterie3725 4 года назад +1

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

  • @MakarovStark
    @MakarovStark 5 лет назад

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

  • @mayuu_
    @mayuu_ 2 года назад

    Merci pour ce tutoriel bg

  • @o.m.d7416
    @o.m.d7416 Месяц назад

    Merci pour ce tuto

  • @skeud5178
    @skeud5178 4 года назад

    Merci beaucoup monsieur.
    😀👌

  • @sihemtoutsimplement6616
    @sihemtoutsimplement6616 4 года назад

    Merci infiniment ,d'une grande utilité !

  • @465819781
    @465819781 Год назад

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

  • @batistads1646
    @batistads1646 Год назад

    Merci beaucoup

  • @lcswillems
    @lcswillems 5 лет назад

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

  • @valeryfrancois7724
    @valeryfrancois7724 3 года назад

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

  • @sylvainmounier7433
    @sylvainmounier7433 5 лет назад

    Super tuto, merci Grafikart !

  • @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 =)

  • @francesco71man
    @francesco71man 4 года назад

    Merci Grafikart ! très bon tuto

  • @beastmodestudios7043
    @beastmodestudios7043 2 года назад

    SUPER TUTO

  • @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.

  • @micheenkusu403
    @micheenkusu403 Год назад

    Super tuto

  • @felixbecquart
    @felixbecquart 4 года назад

    Tellement pratique !
    Merci pour ta vidéo :D

  • @someuser0967
    @someuser0967 5 лет назад +1

    Please fait une petite series

  • @priscillaroy4414
    @priscillaroy4414 4 года назад +1

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

  • @adrienjourdan6897
    @adrienjourdan6897 3 года назад

    Tu es le boss.

  • @Saskyia
    @Saskyia 3 года назад

    merci

  • @MestafaMOUSSI
    @MestafaMOUSSI 2 года назад

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

  • @CrosRV
    @CrosRV 4 года назад

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

  • @moddingchannelsub7841
    @moddingchannelsub7841 5 лет назад

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

  • @emilekoffi5257
    @emilekoffi5257 2 года назад

    Merci.

  • @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 ?

  • @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

  • @user-jm3ix9kg3w
    @user-jm3ix9kg3w 3 года назад

    Super ce tuto

  • @lessa2263
    @lessa2263 3 года назад

    Merci!

  • @aghileskb
    @aghileskb Год назад

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

  • @thomasl3409
    @thomasl3409 3 года назад

    T le meilleur

  • @DavidJohnson-yi4tv
    @DavidJohnson-yi4tv 4 года назад

    merci bcp

  • @MMpD2cSV
    @MMpD2cSV 4 года назад

    Merci beaucoup 😃👍

  • @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 ?

  • @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

  • @Dave-rd5bb
    @Dave-rd5bb 3 года назад

    super vidéo :D

  • @alixammeto3041
    @alixammeto3041 4 года назад +1

    Y'aura un tuto webflow aussi ?)

  • @arnaudducoin6853
    @arnaudducoin6853 5 лет назад

    Très bon tuto !

  • @hakbe9833
    @hakbe9833 4 года назад

    Top ! Merci

  • @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

  • @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 ?

  • @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

  • @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

  • @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

  • @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

  • @davidackermans9155
    @davidackermans9155 3 года назад

    9:22 Oh Chillhop !

  • @massioran1096
    @massioran1096 4 года назад

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

  • @plairetaxance6873
    @plairetaxance6873 3 года назад

    comment créer des liens sur figma ??

  • @IllusionIRL
    @IllusionIRL 5 лет назад

    Top !

  • @_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.

  • @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

  • @ravierkonan1694
    @ravierkonan1694 5 лет назад

    Good

  • @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 !

  • @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.

  • @DavidJohnson-yi4tv
    @DavidJohnson-yi4tv 4 года назад

    faites moi confiance lool

  • @yvesmanchec2791
    @yvesmanchec2791 2 года назад

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

  • @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.

  • @sauvage775
    @sauvage775 3 года назад

    Dommage que ce ne soit pas en français

  • @hardcpp1787
    @hardcpp1787 5 лет назад

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

  • @KaKi87
    @KaKi87 5 лет назад

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

  • @creol6752
    @creol6752 4 года назад

    Un Photoshop amélioré en faite ?

  • @antoine-louis
    @antoine-louis 5 лет назад

    First !

  • @sananass8941
    @sananass8941 3 года назад

    menteur