Komponenty, Auto layout, Animacja - Figma dla początkujących tutorial po polsku

Поділитися
Вставка
  • Опубліковано 6 лют 2025
  • 🔥 Odkryj tajniki tworzenia Design Systemów w narzędziu Figma. Zdobądź nowe umiejętności!
    👉
    strefakursow.p...
    🎨 Kurs Figma Masterclass: Od Podstaw do UI Designera to idealna okazja, aby rozpocząć swoją przygodę z projektowaniem interfejsów.
    👉
    strefakursow.p...
    🔗 Darmowe materiały, templatki i nie tylko
    👉
    beacons.ai/des...
    👋 Jestem tutaj:
    LinkedIn:
    / agatha-sakowicz-6b9957124
    Instagram:
    / thedesignely
    #UI #UX #Figma #projektowanie
    Pokaże Ci jak stworzyć prosty system logowania w programie Figma. Stworzymy własne komponenty i ich wariacje oraz użyjemy funkcji auto layout. Na końcu zrobimy prototyp i pokaże Ci jak się dzielić plikiem z innymi.
    Jeśli interesujesz się UX, projektowaniem interfejsu użytkownika lub projektowaniem aplikacji, ten poradnik jest idealny dla Ciebie.
    Czym jest Figma? Jest to narzędzie do projektowania interfejsu użytkownika i nie tylko. Chociaż pod wieloma względami jest podobny do aplikacji takich jak Adobe XD i Sketch, fakt, że działa w przeglądarce, w połączeniu z kilkoma niesamowitymi funkcjami, czyni go wyjątkowym i jak dotąd bardzo dobrze przyjmowanym zarówno do projektowania interfejsów, jak i jako oprogramowanie do prototypowania.

КОМЕНТАРІ • 29

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

    ✨ Sprawdźcie również jak zrobić design system w Figmie! ✨
    ua-cam.com/video/4uZxwi0qO3s/v-deo.html

  • @jakubrysz3287
    @jakubrysz3287 2 роки тому +1

    Bardzo fajny filmik... z resztą jak każde. Dotarłem już tutaj i lecę dalej do przodu z nauką. Dzięki, że jesteś i tworzysz. Pozdrawiam

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

    Pięknie wyjaśnione :) Dziękuję

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

    łojezu jak się namęczyłam :D ale był warto. dziękuję!

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

    Omg ale super wyjasnione.. I love it ! I masz super glos! Az sie chce ogladac 💚

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

      dupy nie urywa tbh

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

    Bardzo fajny tutorial, dizęki!

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

    ❤️❤️❤️ najlepiej wyjaśnione :) dziękuję!

  • @sigurd7heviking
    @sigurd7heviking 8 місяців тому

    Szkoda, że nie masz własnego kursora widocznego na wideo, żeby widzieć gdzie w danej chwili się znajduje. Oczywiście nie jest to jakoś super uciążliwe, ale myślę że było by to ułatwienie :)

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

    Wielkie dzięki! )

  • @KANCIAPAGAMINGROOM
    @KANCIAPAGAMINGROOM 2 роки тому +2

    Wszystko fajnie tylko zgubiłem się przy „przeciągnę na Canvas”. Mogę prosić trochę dokładniejsze wyjaśnienie?

    • @Miviene13
      @Miviene13 2 роки тому +1

      Canvas to całe to okno, na którym wszystko tworzysz, więc masz Interfejs z różnymi narzędziami oraz canvas (z ang. płótno).

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

    Super tutorial, czekam na więcej :D

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

    wielkie dzięki! :-)

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

    Ciekawa sprawa dochodzę do momentu kiedy trzeba przenieść projekt np iphone i nie pojawia się na ekranie , nie mogę go przenieść ... wersja figmy free

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

    Bardzo mi pomogłaś dziękuję

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

    Swietny film ale jakosc dźwięku troche przeszkadza. Mysle ze gdybys uzyla np krawatowki to byloby o wiele latwiej przyswajac wiedze. Pozdrawiam serdecznie🤘

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

    Jak ja Cię szanuje

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

    Cześć, dla czego nie można by pracować nad ekranem logowania itp. Odrazu w widoku prototypowania no. Któregoś iPhone ? Pozdro

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

      Jak dobrze rozumiem masz na myśli prace w zakładce prototype. Wtedy w panelu po prawej stronie bedziesz mieć tylko ustawienia dotyczące prototypowania. Nie bedziesz mógł np zmienić koloru

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

      @@Designely Czyli lepiej w ten sposób ponieważ będzie można dostosować sam projekt jeżeli zajdzie taka potrzeba, chyba dobrze rozumiem ? Dziękuje za odp. Agata :)

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

    Plis niech ktoś mi powie, jak zrobić navigation menu z dropdownem w figmie tak, aby każda sekcja miała swój własny dropdown menu? :/ Męcze się już 2gi dzień i nic sensownego mi nie wychodzi :( (Początkujący)

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

      Mysle ze zrobić to jako kolejny wariant w figmie. 1 wariant samo menu 2 wariant pierwszy drop down odkryty i 3 wariant drugi drop down odkryty

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

      @@Designely Bardzo dziękuję za podpowiedź. Niestety mam kolejny problem :( Jak zrobić, żeby ten dropdown miał status Hover i działał tak jak na stronach - czyli najeżdżam myszką rozsuwa się dropdown i jak odsuwam myszkę to dropdown znika ;/ (Wszystko bez konieczności klikania myszką etc.) Przepraszam ale jestem amatorem i dopiero zaczynam przygodę. Szukam na necie już 2gi dzień tego rozwiązania i póki co nic konkretnego nie znalazłem :(

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

      Nie ma w internecie, bo figma dopiero niedawno dodała opcje hover na wariantach i z tego co wiem jest to w wersji beta i nie każdy ma dostęp do tej funkcji jeszcze.
      Jeżeli nie jest to super pilne, to jak znajdę chwile to nagram jak to zrobić 🙂

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

      @@Designely Pewnie, że nie jest i bardzo dziękuję Ci za zainteresowanie. Ale byłbym mega wdzięczny, bo próbuję się wgłębić w temat UI/UX i póki co zapowiada się super ;) Pozdrawiam!

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

      @@Jab7kO a jakby dać w interaction details on hower > i to cie zabiera do widoku z rozwinietym menu?

  • @michaelturname2749
    @michaelturname2749 2 роки тому +1

    dla amatorów nie bardzo