11 przydatnych skrótów Figma dla szybszego przepływu pracy

Figma to potężne narzędzie do projektowania i jest pierwszym wyborem większości projektantów UX/UI jako program do projektowania. Możesz stworzyć tak wiele w Figma i jest to łatwy program do nauczenia się.

Jako projektanci często szukamy oszczędności czasu, więc spędzamy nasze cenne godziny na tworzeniu dobrej pracy, zamiast przeglądania menu. Zebraliśmy listę przydatnych skrótów Figma, które usprawnią przepływ pracy.

1. Wybierz narzędzie skalowania

Ten prosty skrót klawiszowy to szybki sposób na skalowanie elementów. Naciśnij klawisz K , a następnie wybierz obiekt, którego rozmiar chcesz zmienić. Wszystko, co musisz zrobić, to kliknąć i przeciągnąć jeden punkt kontrolny, a obiekt pozostanie w skali podczas zmiany rozmiaru do wymaganego rozmiaru.

2. Wybierz narzędzie Ramka

Narzędzie Ramka jest często używanym narzędziem w programie Figma podczas tworzenia wielu płytek ramek do projektów prototypowych. Naciśnięcie klawisza F na klawiaturze uruchamia narzędzie jednym dotknięciem, umożliwiając szybkie rysowanie lub zmienianie rozmiaru ramki.

Możesz narysować ramkę bezpośrednio, klikając i przeciągając kursor, lub po wybraniu narzędzia Ramka możesz wpisać zamierzone rozmiary w polach wymiarów w menu ramki po prawej stronie.

3. Przełącz między trybami projektowania i prototypowania

Skrót Shift + E umożliwia przełączanie między trybem projektowania a trybem prototypu. Ten sam skrót działa niezależnie od tego, z którego trybu zaczynasz i na który się przełączasz. Zobacz nasz przewodnik dla początkujących po Figma, aby poznać różnice między tymi trybami.

Alternatywnie, istnieją bardziej szczegółowe skróty do tego celu. Alt (Windows) / Option (Mac) + 8 może być użyty do przełączenia z trybu prototypu do trybu projektowania, podczas gdy Alt (Windows) / Option (Mac) + 9 przełącza z trybu projektowania z powrotem do trybu prototypu. Oczywiście Shift + E jest łatwiejszy, ale miło jest mieć opcje.

4. Wybierz najbardziej wewnętrzny element jednym kliknięciem (głęboki wybór)

Podczas projektowania w wielu warstwach lub z osadzonymi obrazami szybkie wybranie jednego elementu może być trudne. Aby zaoszczędzić czas, klikając kilkanaście razy, aby wybrać najniższą warstwę, użyj zamiast tego tego skrótu.

Na komputerze Mac przytrzymaj Cmd + kliknięcie elementu, a w systemie Windows naciśnij Ctrl + kliknięcie . Jeden prosty klawisz oszczędza minuty bezmyślnego klikania w celu wybrania elementu dolnej warstwy.

5. Wysuń poziom po wybraniu najbardziej wewnętrznego elementu

Po wybraniu najbardziej wewnętrznego elementu projektu możesz zdać sobie sprawę, że chcesz wybrać element o jeden poziom bliżej — łatwo. Po znalezieniu najbardziej wewnętrznego elementu naciśnij Shift + Enter , aby cofnąć się o poziom. Możesz to zrobić na wszystkich poziomach.

6. Zwiń wszystkie warstwy

Podczas projektowania w programie Figma panel warstw zacznie się rozszerzać i potencjalnie wyglądać trochę niechlujnie, zwłaszcza po przekonwertowaniu kodu HTML na projekt Figmy. Aby zwinąć warstwy, po prostu naciśnij Alt + L (Windows) lub Option + L (Mac).

Jeśli masz wybrany element podczas korzystania z tego skrótu, warstwa z tym elementem pozostanie otwarta. Wybierz dowolne miejsce poza obszarem roboczym, aby odznaczyć wszystkie elementy i użyj skrótu, aby zwinąć wszystkie warstwy.

7. Pokaż lub ukryj siatki układu

Korzystanie z siatek układu to najlepszy sposób na zapewnienie, że Twój projekt będzie miał określone proporcje i będzie mógł być poprawnie skalowany dla różnych urządzeń. Chociaż są pomocne, nie zawsze chcesz, aby siatki były wyświetlane.

Włączanie i wyłączanie siatek układu jest inne na komputerze Mac niż w systemie Windows. Na komputerze Mac naciśnij Ctrl + G , aby włączyć lub wyłączyć tę funkcję. Jeśli używasz systemu Windows, jest to skrót z trzema klawiszami; Ctrl + Shift + 4 . Są różne, ale robią to samo.

8. Umieść wiele zdjęć jednocześnie

Jeśli zaprojektowałeś układ z kształtami zastępczymi gotowymi na obrazy, wstawianie obrazów jeden po drugim może być frustrujące. Ten skrót umożliwia umieszczenie wielu zdjęć i po prostu wybranie symbolu zastępczego — lub dowolnego miejsca na obszarze roboczym — w celu umieszczenia każdego pojedynczego zdjęcia.

W przypadku użytkowników komputerów Mac naciśnij Cmd + Shift + K , aby otworzyć okno dialogowe i znaleźć swoje obrazy. W systemie Windows to Ctrl + Shift + K , aby znaleźć i umieścić wiele zdjęć w swoim projekcie Figma. Jeśli tworzysz szablon główny w Figma, jest to świetny skrót do użycia.

9. Skopiuj dowolny obraz jako plik PNG

Używając obrazów w swoim projekcie Figma, możesz mieć wybór formatów plików, ale być może Twój klient wymaga plików PNG. Możesz skopiować dowolny obraz jako plik PNG, niezależnie od formatu pochodzenia.

Wybierz wybrany obraz i naciśnij Cmd + Shift + C na Macu i Ctrl + Shift + C na Windowsie, aby skopiować go jako PNG. Możesz łatwo użyć tego skrótu, aby zapewnić wysoki standard formatu obrazu, zwłaszcza jeśli tworzysz prezentacje za pomocą Figmy.

10. Krople do oczu koloru z dowolnego miejsca

Krople koloru to przydatna funkcja, gdy przenosisz kolor z jednej części projektu do drugiej. Ten szybki skrót klawiaturowy pozwala w ciągu sekundy podnieść zakraplacz i pobrać próbkę koloru z dowolnego miejsca na obszarze roboczym.

Na komputerze Mac naciśnij Ctrl + C , aw systemie Windows jest to klawisz litery I . Po naciśnięciu skrótów klawiaturowych przesuń zakraplacz na kolor, którego chcesz użyć, i kliknij raz, aby pobrać próbkę koloru.

11. Otwórz kartę Zasoby

Karta Zasoby zawiera menu Komponenty, Wtyczki i Widżety. Chociaż nie ma skrótów do otwierania tych menu indywidualnie, skrót Zasoby nadal oszczędza trochę czasu: Shift + I . Możesz użyć wtyczek do tworzenia i dodawania makiet do swoich projektów Figma.

Oszczędzaj czas dzięki skrótom Figma

Projektanci zazwyczaj używają skrótów w swojej pracy, aby zaoszczędzić czas i energię, a praca w Figmie nie jest inna. Te skróty Figma to tylko zarysowanie powierzchni skrótów, których możesz używać w programie.

Te skróty nie są oczywiste ani łatwe do znalezienia, więc zabierz swoje nowe doświadczenia do Figma i rozkoszuj się informacjami, których zrozumienie wielu projektantom zajmuje miesiące lub lata.