Zanim zaczniesz

Kto może korzystać z tej funkcji?

Użytkownicy dowolnego zespołu lub planu mogą uzyskać dostęp do paska narzędzi w plikach Figma Design.

Do korzystania z jakiegokolwiek narzędzia na pasku narzędzi potrzebny jest dostęp typu can edit (może edytować). Użytkownicy z dostępem typu can view (może wyświetlać) mogą korzystać z niektórych funkcji na pasku narzędzi.

Pasek narzędzi zawiera różnorodne narzędzia i funkcje. To, co pojawia się na pasku narzędzi, zależy od elementów zaznaczonych w przestrzeni roboczej.

Uzyskaj dostęp do paska narzędzi na górze ekranu w aplikacji Figma.

Menu

Kliknij ikonę menu , aby uzyskać dostęp do menu głównego. Menu zawiera funkcję wyszukiwania w aplikacji Figma oraz różne inne funkcje zorganizowane w menu.

Wyszukaj według nazwy lub przeglądaj według sekcji ogólnej (takiej jak File (Plik), Edit (Edycja), View (Widok) itp.). Jeśli dla funkcji, którą próbujesz wykonać, istnieje skrót klawiaturowy, aplikacja Figma wyświetli go obok ustawienia.

• Back to Files (Powrót do plików): otwórz przeglądarkę plików w bieżącej lokalizacji.
• File (Plik): uprawnienia na poziomie pliku, w tym importowanie i eksportowanie.
• Edit (Edycja): dostęp do funkcji cofania/przywracania, kopiowania/wklejania oraz zaawansowanych funkcji zaznaczania.
• View (Widok): kontroluj ustawienia widoku dla układu siatki i linijek, wykonuj operacje powiększania i poruszaj się wewnątrz pliku.
• Object (Obiekt): zastosuj funkcje na poziomie obiektu, takie jak grupowanie, kadrowanie, obracanie i inne.
• Text (Tekst): formatuj tekst, używając pogrubienia lub kursywy, a także ustaw rozmiar, wysokość i odstępy.
• Arrange (Porządkowanie): porządkuj obiekty za pomocą funkcji wyrównania i rozmieszczania.
• Plugins (Wtyczki): wyświetlaj i uruchamiaj wszystkie zainstalowane wtyczki oraz zarządzaj nimi.
• Integrations (Integracje): wyświetlaj dowolne połączone aplikacje, zarządzaj nimi i używaj ich.
• Preferences (Preferencje): dostosuj swoje preferencje.
• Libraries (Biblioteki): otwieraj element modalny Libraries (Biblioteki).

Narzędzia

Narzędzia przesuwania i skalowania

Po otwarciu pliku projektu aplikacja Figma domyślnie wybiera narzędzie Przesuwanie V.

Narzędzie Przesuwanie pozwala na zaznaczanie i zmianę kolejności warstw w panelu Layers (Warstwy) lub na przesuwanie obiektów w przestrzeni roboczej.

Kliknij strzałkę po prawej stronie narzędzia Przesuwanie, aby uzyskać dostęp do narzędzia Skala K. W ten sposób możesz zmieniać rozmiar całych obiektów lub warstw.

Narzędzia Ramka i Wycinek

Jeśli znasz narzędzia projektowe, na pewno znasz również fragmenty przestrzeni roboczej. Podobnie jak przestrzenie robocze ramki pozwalają wybrać obszar przestrzeni roboczej, na którym możesz tworzyć swoje projekty.

Użyj skrótów klawiaturowych A lub F, aby wybrać narzędzie Ramka. Utwórz ramkę o własnych wymiarach w przestrzeni roboczej lub wybierz rozmiar ramki z gotowych ustawień aplikacji Figma w panelu po prawej stronie.

Kliknij strzałkę obok narzędzia ramki, aby uzyskać dostęp do narzędzia Wycinek. Narzędzie Wycinek pozwala określić obszar ekranu do wyeksportowania.

Użyj skrótu klawiaturowego S, aby wybrać narzędzie Wycinek.

Narzędzia kształtów

Oprócz rysowania własnych kształtów za pomocą narzędzia Pióro możesz używać szeregu domyślnych kształtów w aplikacji Figma. Kliknij menu rozwijane, aby wybrać opcję:

• Prostokąt R
• Linia L
• Strzałka Shift + L
• Elipsa O
• Wielokąt
• Gwiazda
• Wstaw obraz ⌥ Option ⌘ Command K

Narzędzia Pióro i Ołówek

Narzędzie Pióro P pozwala tworzyć niestandardowe kształty i ikony. Buduj złożone sieci wektorowe, używając ścieżek wektorowych, punktów kontrolnych i krzywych Béziera.

Narzędzie Ołówek pozwala dodawać odręczne rysunki lub adnotacje do plików projektu.

Figma zastosuje podstawowe wygładzanie do każdej ścieżki, którą stworzysz za pomocą narzędzia Ołówek. Naciśnij klawisz Enter / Return, aby edytować ścieżkę i dowolne punkty kontrolne w trybie edycji wektorowej.

MacOS: ⌥ Option P

Windows: Shift P

Narzędzie Tekst

Tekst jest jednym z kluczowych elementów układu interfejsu. Każdy element, począwszy od rozmieszczenia i układu tekstu, aż po wybór czcionki, ma swoją rolę.

Wybierz narzędzie Tekst z paska narzędzi lub naciśnij klawisz T, aby dodać warstwy tekstu do swojego pliku.

• Kliknij raz na płótnie, aby dodać warstwę tekstu, która będzie rosła poziomo
• Kliknij i przeciągnij, aby utworzyć warstwę tekstu o stałym rozmiarze

Dowiedz się więcej o tworzeniu warstw tekstu.

Narzędzie Dłoń

Narzędzie Dłoń pozwala Ci klikać w pliku bez przypadkowego aktywowania obrysów, zaznaczania lub przesuwania obiektów.

Jeśli używasz aplikacji Figma na urządzeniu z ekranem dotykowym, narzędzie Dłoń pozwala przesuwać obraz wokół pliku za pomocą palców.

Narzędzie komentowania

Narzędzie Komentarz umożliwia szybką wymianę pomysłów ze współpracownikami. Używaj komentarzy, aby odpowiadać na opinie, dopracowywać swoje projekty i przyspieszyć tworzenie kolejnych wersji — wszystko z poziomu oryginalnego pliku projektu.

Komentarze są dostępne dla każdej osoby posiadającej uprawnienia do przeglądania lub edycji pliku.

Element modalny Resources (Zasoby)

Element modalny Resources (Zasoby) umożliwia przeglądanie komponentów z dowolnych bibliotek dodanych do pliku oraz przeglądanie, wypróbowywanie i instalowanie wtyczek oraz widżetów. Z poziomu elementu modalnego Resources (Zasoby) można również uzyskać dostęp do Społeczności Figma. Dowiedz się więcej o widżetach i wtyczkach w Społeczności Figma →

Narzędzia kontekstowe

Po zaznaczeniu warstwy lub obiektu na środku paska narzędzi zostaną wyświetlone narzędzia kontekstowe. Narzędzia, które zobaczysz tutaj, będą zależeć od konkretnego wyboru.

Edytowanie obiektu

Kliknij ikonę Edit Object (Edytuj obiekt), aby przejść do trybu edycji wektorowej. W tym trybie możesz dodawać, usuwać i dostosowywać poszczególne punkty kontrolne w ścieżce wektorowej.

Ta opcja będzie dostępna tylko po wybraniu pojedynczej ścieżki wektorowej. Dowiedz się więcej o pracy z sieciami wektorowymi.

Albo kliknij klawisz Enter / Return, aby przejść do trybu edycji wektorowej.

Resetowanie instancji

Zobaczysz tę opcję, gdy Twój wybór obejmuje instancję komponentu z nadpisaniami. Kliknij ikonę Reset instance (Resetuj instancję), aby zresetować wszelkie nadpisania i przywrócić główny komponent.

Tworzenie komponentów

Komponenty to elementy, które możesz ponownie wykorzystywać w swoich projektach. Pomagają tworzyć i zarządzać spójnymi projektami w różnych projektach. Kliknij ikonę Create component (Utwórz komponent), aby utworzyć komponent z wybranego zaznaczenia.

Jeśli wybierzesz więcej niż jedną warstwę lub ramkę, użyj strzałki obok ikony, aby wybrać sposób tworzenia komponentów:

• Create Component (Utwórz komponent): utwórz pojedynczy komponent z Twojego zaznaczenia.
• Create Multiple Components (Utwórz wiele komponentów): utwórz komponent dla każdej warstwy lub ramki w Twoim zaznaczeniu.

MacOS: Control Command K

Windows: Ctrl  Alt K

Użycie jako maski

Maski pozwalają wyświetlić lub ukryć konkretne części warstwy lub obiektu. Kliknij ikonę maski, aby utworzyć maskę z bieżącego zaznaczenia.

Podczas tworzenia maski aplikacja Figma umieści każdą warstwę w ramach tego zaznaczenia wewnątrz grupy masek. Figma użyje obrysu bieżącej warstwy, aby określić, co możesz zobaczyć z warstw znajdujących się poniżej.

MacOS: Control Command M

Windows: Ctrl  Alt M

Operacje logiczne i spłaszczanie zaznaczenia

Połącz warstwy kształtów za pomocą operacji logicznych lub spłaszczając zaznaczenie:

• Union Selection (Łączenie ścieżek): połącz nakładające się ścieżki wektorowe w jedną.

• Subtract Selection (Odejmij zaznaczenie): usuń wszelkie nakładające się ścieżki z warstwy bazowej.

• Intersect Selection (Przetnij zaznaczenie): utwórz pojedynczą ścieżkę z nakładających się ścieżek.

• Exclude Selection (Wyklucz zaznaczenie): utwórz pojedynczą ścieżkę z części warstw, które się nie nakładają.

• Flatten selection (Spłaszcz zaznaczenie): utwórz jedną warstwę z zaznaczenia.

  MacOS: Command E

  Windows: Ctrl E

Gdy nie masz zaznaczonych żadnych warstw, Figma wyświetli projekt i nazwę pliku na środku paska narzędzi. Pozwala to uzyskać dostęp do następujących operacji na poziomie pliku:

• Publish Styles & Components (Style publikowania i komponenty): otwórz element modalny Library (Biblioteka)
• Show Version History (Pokaż historię wersji): otwórz historię wersji w panelu po prawej stronie
• Export (Eksportowanie): otwórz listę eksportu
• Duplicate (Powiel): zrób kopię pliku w jego bieżącej lokalizacji
• Rename (Zmień nazwę): nadaj plikowi inną nazwę
• Delete (Usuń): usuń plik dla siebie i wszystkich współpracowników
• Move to Project (Przenieś do projektu): zmień lokalizację pliku

Udostępnianie i ustawienia widoku

Tryb wieloosobowy i tryb obserwacji

Zobacz, kto jeszcze jest aktywny w pliku. Dotyczy to każdego, kto aktualnie przegląda lub edytuje plik.

Kliknij awatar użytkownika, aby przejść do trybu obserwacji i wyświetlać jego operacje w czasie rzeczywistym. Doskonale nadaje się do prezentacji i recenzji projektów.

Współdzielenie się wiedzą i doświadczeniami

Kliknij przycisk Share (Udostępnij), aby otworzyć element modalny udostępniania. Dzięki temu możesz zarządzać dostępem do swojego pliku. Z poziomu elementu modalnego udostępniania możesz:

• Udostępniać pliki i prototypy
• Udostępniać pliki za pomocą funkcji udostępniania łączy
• Przenosić własność pliku
• Zmieniać uprawnienia do pliku
• Usuwać współpracowników z pliku
• Zapobiegać kopiowaniu, udostępnianiu lub eksportowi plików przez obserwatorów

Prezentacja i podgląd

Testuj utworzone przez siebie prototypy i wchodź z nimi w interakcje:

• Podgląd: odtwórz prototyp bezpośrednio w pliku, z podglądem wbudowanym. Użyj podglądu, aby zobaczyć, jak działa prototyp podczas jego tworzenia — wszystko na jednej karcie.
• Prezentacja: odtwórz prototyp w widoku prezentacji, na osobnej karcie. Użyj prezentacji, aby udostępnić prototyp innym lub zobaczyć, jak wygląda on na konkretnym urządzeniu.

Dowiedz się więcej o prototypowaniu →

Ustawienia widoku

Dostosuj ustawienia widoku w swoim pliku, w tym:

• Ustawienia powiększania/pomniejszania
• Podgląd pikselowy
• Siatka pikseli
• Siatki układu
• Kursory wieloosobowe

Po zaktualizowaniu tych ustawień zostaną one zastosowane tylko do bieżącego widoku pliku.