✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Projektowanie

Kurs Figma - projektowanie responsywne i auto-layout:Trailer

Poznaj tajniki auto-layout i projektowania responsywnego w Figma. Naucz się tworzyć komponenty, dzięki którym UI dopasują się idealnie do dowolnego urządzenia.

Kurs Figma - projektowanie responsywne i auto-layout:Wyrównywanie elementów w Auto-Layout

Poznaj tajniki auto-layout i projektowania responsywnego w Figma. Naucz się tworzyć komponenty, dzięki którym UI dopasują się idealnie do dowolnego urządzenia.

Kurs Figma - projektowanie responsywne i auto-layout:Tworzenie Modułu Produktowego z Auto Layout

Poznaj tajniki auto-layout i projektowania responsywnego w Figma. Naucz się tworzyć komponenty, dzięki którym UI dopasują się idealnie do dowolnego urządzenia.

DARMOWE FRAGMENTY

Ten kurs jest częścią ścieżki:

UX/UI Designer

23783 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

Opinie użytkowników

Michał Kołosiński

5.0

Prowadząca w sposób szybki, konkretny i profesjonalny pokazuje możliwości jakie oprogramowanie Figma oferuje w kwestii projektowania responsywnego w oparciu o funkcję Auto layout, która to pozwala stworzyć responsywne ekrany bez tworzenia dedykowanych projektów. Duża… Czytaj więcej

Ewelina Siwek

5.0

Kurs uważam za doskonały dla wszystkich, którzy chcą nauczyć się projektować interfejsy użytkownika w profesjonalny sposób. Dzięki praktycznym tutorialom i konkretnym przykładom zastosowania autolayoutu, uczestnicy kursu mogą szybko opanować techniki tworzenia… Czytaj więcej

Zobacz wszystkie

Czego się nauczysz:

tworzenia dynamicznych układów za pomocą auto-layout

projektowania responsywnych interfejsów, dostosowanych do różnych rozdzielczości

tworzenia elastycznych układów UI, które zachowują spójność na różnych urządzeniach

wykorzystania breakpointów, aby dostosować projekty do różnych rozmiarów ekranów

wykorzystania paddingu i marginesów do precyzyjnej kontroli układu treści

grupowania elementów w auto-layout i tworzenia ich hierarchii

tworzenia reużywalnych komponentów do wykorzystania w różnych projektach

projektowania responsywnego z myślą o dynamicznych zmianach UI

Zajmujesz się projektowaniem UI i zastanawiasz się, jak zadbać o perfekcyjne dopasowanie swoich projektów do każdego urządzenia? Szukasz sposobów na szybsze i bardziej precyzyjne projektowanie responsywnych interfejsów? Zastanawiasz się, jak poradzić sobie z “rozjeżdżaniem” się elementów Twojego projektu i dostosowaniem ich zarówno w pionie, jak i poziomie?

W takim razie kurs auto-layout i responsywność w Figma będzie strzałem w dziesiątkę. W jego trakcie opanujesz techniki projektowania elastycznych i responsywnych interfejsów oraz zobaczysz, jak tworzyć reużywalne komponenty dobrze reagujące na różne rozmiary ekranów.

W trakcie szkolenia przejdziesz przez wiele praktycznych ćwiczeń i stworzysz w Figma projekt, który będzie całkowicie złożony z auto-layoutów. Wszystko w oparciu o aktualną wiedzę, a także z uwzględnieniem nowych funkcji oraz zmian wprowadzonych w Figma w ostatnim czasie, głównie pod kątem pracy z responsywnością i auto-layoutem.

Wprowadzenie do auto-layout i projektowania responsywnego

Kurs zaczniemy od krótkiego wprowadzenia, które pozwoli Ci zrozumieć fundamentalne koncepcje auto-layout i responsywności. Dowiesz się, dlaczego stanowią one istotną część procesu projektowania użytecznych UI oraz poznasz dobre praktyki ich wykorzystania. Przeanalizujemy też znaczenie elastyczności w projektach, które muszą być dostosowane do różnych urządzeń - laptopów, smartfonów i tabletów. Nauczysz się projektować responsywne układy kolumnowe, moduły projektowe, menu nawigacyjne, formularze kontaktowe i inne elementy UI.

Tworzenie elastycznych układów z auto-layout

Po tym krótkim wprowadzeniu przejdziemy do praktycznego wykorzystania narzędzia auto-layout w Figma. Zobaczysz, jak z jego pomocą kontrolować układy treści i skutecznie wykorzystywać padding. Nauczysz się zmieniać rozmiary elementów UI, wyrównywać je i pozycjonować. Dzięki temu będziesz w stanie tworzyć interfejsy, które nie tylko wyglądają dobrze, ale też są elastyczne i reagują odpowiednio na dynamiczne sytuacje, np. zmianę orientacji urządzenia, czy pojawienie się klawiatury ekranowej.

Breakpointy i dopasowanie UI do różnych rozdzielczości

W kolejnych lekcjach szkolenia przejdziemy przez zagadnienia związane z breakpointami. To jeden z kluczowych elementów w projektowaniu responsywnym. Te tzw. wartości graniczne rozdzielczości, pomogą Ci w dopasowaniu UI strony do różnych urządzeń i wielkości ekranów. Podczas szkolenia nauczysz się tworzyć, a także strategicznie stosować breakpointy w projekcie, tak aby zapewnić optymalną wydajność na różnych urządzeniach.

Responsywne projektowanie w praktyce

W trakcie kursu przejdziesz przez szereg praktycznych ćwiczeń, dzięki którym będziesz w stanie wykorzystać zdobytą wiedzę w pracy nad swoimi projektami. Stworzenie interaktywnych prototypów w Figma pozwoli Ci zyskać pewność w obszarze projektowania responsywnego i wykorzystania auto-layoutu. Przekonasz się, w jaki sposób różne techniki wpływają na finalny wygląd i zachowanie projektu na różnych urządzeniach.

W końcowej części kursu stworzysz praktyczny projekt - pierwszą stronę do portfolio, która będzie całkowicie złożona z auto-layoutów. Przejdziemy przy tym przez wiele przykładów dobrych praktyk, które mogą usprawnić Twój proces projektowy. Skupimy się również na typowych problemach w projektowaniu UI i pokazaniu, jak je pokonywać, tak aby uzyskać najlepsze efekty w responsywnym projektowaniu.

Co jeszcze powinieneś wiedzieć?

Aby w pełni wykorzystać wiedzę zawartą w tym kursie, powinieneś posiadać podstawową wiedzę na temat projektowania interfejsów użytkownika i pracy z narzędziem Figma. Jeżeli chcesz nadrobić zaległości, możesz to zrobić z naszym kursem online:

ZOBACZ WIĘCEJ

Często kupowane w pakiecie
50% taniej tylko do środy!

Kurs Figma - projektowanie responsywne i auto-layout

Kurs Figma - podstawy projektowania interfejsów

Razem do zapłaty

124 zł

-50% 248 zł

+1240 punktów premium

KUP W PAKIECIE

Kurs Figma - projektowanie responsywne i auto-layout

Kurs Design System - systemy projektowe od podstaw

Razem do zapłaty

134 zł

-50% 268 zł

+1340 punktów premium

KUP W PAKIECIE

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz

Program nauczania

1 O Kursie

Wstęp 01m 47s

Jak korzystać z materiałów? 01m 24s

2 Wprowadzenie do Auto-layout w Figmie

Omówienie podstawowych pojęć i korzyści związanych z funkcjonalnością Auto-layout 12m 41s

Zmiana rozmiaru w Auto-Layout 14m 02s

Wyrównywanie elementów w Auto-Layout Podgląd 09m 06s

Pozycjonowanie absolutne w Auto-Layout 04m 15s

3 Projektowanie Responsywne

Najlepsze Praktyki, Techniki i Narzędzia dla Elastycznych Projektów 08m 49s

Projektowanie responsywnego układu kolumnowego przy użyciu Auto Layout 13m 22s

Tworzenie Modułu Produktowego z Auto Layout Podgląd 09m 20s

Projektowanie responsywnego menu nawigacyjnego przy użyciu pluginu Breakpoints 18m 42s

Tworzenie responsywnego formularza kontaktowego przy użyciu Auto Layout, opcji komponentów i variables 17m 44s

4 Projekt końcowy

Komponenty 11m 03s

Desktop 14m 38s

Tablet + mobile 10m 16s

Zakończenie 01m 04s

Ocena uczestników

50990 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2701 wszystkich opinii.

95%

Recenzje użytkowników (33)

Lucyna Kubicka

13 lutego 2025

5.0

Ciekawie przygotowany kurs. Polecam dla początkujących, którzy zaczynają swoją przygodę z Figmą.

Joanna Piłatowicz

13 lutego 2025

5.0

Dobre prowadzenie kursanta przez wszystkie etapy.

Izabela Daniluk

13 lutego 2025

5.0

Funkcje auto-layuot zostały przedstawione w prosty sposób.

Małgorzata Serafin

23 stycznia 2025

5.0

skompresowana dawka wiedzy

Beata Jaszek

20 stycznia 2025

5.0

Polecam, kurs dobrze przeprowadzony.

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp pozwolą Ci rozwinąć się zawodowo i podnieść Twoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy w nauce możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych . Jak również dołączyć do swojego CV.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Zakup w aplikacji mobilnej strefakursów.pl, a faktura

Zakup w App Store(iOS)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na iOS za pośrednictwem Apple Pay sprzedawcą jest Apple. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz Ustawienia na iPhone
Kliknij swoje imię i nazwisko na górze ekranu, aby przejść do ustawień Apple ID.
Wybierz Multimedia i zakupy > Pokaż konto.
Przewiń w dół i wybierz Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły oraz możliwość pobrania faktury.

Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz aplikację Google Play.
Kliknij ikonę swojego profilu w prawym górnym rogu.
Wybierz Płatności i subskrypcje > Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Agata Sakowicz

UX designerka

4.9

(33 ocen)

Kurs Figma - projektowanie responsywne i auto-layout

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów . Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl , możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

Poznaj tajniki auto-layout i projektowania responsywnego w Figma. Naucz się tworzyć komponenty, dzięki którym UI dopasują się idealnie do dowolnego urządzenia.

Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

🔥 Gorący temat: W tym tygodniu 109 użytkowników obejrzało to szkolenie

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z lub – Jak to działa?

Dożywotni, nielimitowany dostęp do kursu

99zł

Kup teraz za 49,50 zł z kodem: SZANSA Pozostało:

(przy zakupach za minimum 99 zł)

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp online

Certyfikat ukończenia

2,5 godziny szkolenia

15 wykładów

Poziom: Podstawowy

Testy i zadania

21 pytań testowych

Rekomendacje na LinkedIn

Napisy dostępne w językach:
polski, angielski, ukraiński

Dostęp w aplikacji mobilnej

Powiązane tematy:

Ten kurs jest częścią ścieżki

4.8

UX/UI Designer

Opanuj kluczowe techniki projektowania wizualnego oraz projektowania zorientowanego na użytkownika. Zbuduj solidne podstawy, które umożliwią Ci łatwy start w tej bardzo popularnej i ważnej dziedzinie.

558 wykładów

23783 uczestników

Dowiedz się więcej