Figma je oblíbený nástroj pro návrh rozhraní a prototypování webových stránek a mobilních aplikací. Poskytuje širokou škálu možností, mezi které patří i řada, která pomáhá při vytváření přesných a úhledných designových prvků. V tomto článku vám řekneme, jak otevřít a nakonfigurovat pravítko v Figma, abychom zlepšili své dovednosti v práci s tímto integrovaným nástrojem.
Otevření pravítka v Figma je velmi jednoduché. Pro začátek se ujistěte, že jste v režimu úpravy dokumentu. Poté vyberte kartu Zobrazit z hlavní nabídky Figma. V nabídce, která se otevře, vyhledejte položku "pravítko" a aktivujte ji kliknutím na ni levým tlačítkem myši. Nyní se pravítko zobrazí na obrazovce a budete jej moci použít k měření a zarovnání designových prvků.
Pro přizpůsobení pravítka vašim potřebám poskytuje Figma několik nastavení. Klikněte pravým tlačítkem na pravítko a vyberte možnost "Nastavení pravítka. ". V okně, které se otevře, si budete moci vybrat měrnou jednotku (pixely, procenta atd.) a nastavit barvu a tloušťku pravítka. Jakmile je pravítko otevřené, můžete také měnit měrné jednotky a konfigurovat další parametry.
Příprava na práci s Figmou
Než začnete používat Figmu, doporučuje se provést několik přípravných kroků:
- Zaregistrujte se na oficiálních stránkách Figmy pomocí svého e-mailu.
- Stáhněte a nainstalujte aplikaci Figma do počítače nebo zařízení.
- Seznámit se se základními funkcemi a nástroji Figmy, prozkoumat rozhraní programu.
- Prostudujte dokumentaci a prohlédněte si výuková videa, abyste lépe porozuměli možnostem a principu práce s Figmou.
- V případě potřeby najdete a prostudujte další materiály o figurách, jako jsou knihy nebo články.
Dodržováním těchto pokynů můžete s největší pravděpodobností úspěšně začít pracovat s Figmou a efektivně využívat její funkčnost.
Instalace aplikace a vytvoření účtu
Chcete-li začít pracovat s Figmou, musíte si do počítače nainstalovat aplikaci a vytvořit si účet.
1. Přejděte na oficiální stránky Figmy na adrese www.figma.com..
2. Klikněte na tlačítko" Stáhnout " v pravém horním rohu stránky.
3. Vyberte verzi aplikace vhodnou pro váš operační systém (Windows nebo macOS) a klikněte na příslušný odkaz.
4. Stáhněte si instalační soubor a spusťte jej.
5. Dokončete instalaci programu podle pokynů instalačního programu.
6. Po instalaci aplikace Figma, spusťte ji a klikněte na tlačítko "Vytvořit účet".
7. Vyplňte registrační formulář, zadejte přihlašovací jméno a heslo a ověřovací kód uvedený na webu.
8. Potvrďte založení účtu kliknutím na odkaz, který vám byl zaslán na e-mailovou adresu uvedenou při registraci.
9. Po potvrzení účtu můžete začít pracovat na Fiftýnu.
Nyní máte nainstalovanou aplikaci Figma a účet, pomocí kterých budete moci vytvářet a upravovat návrhy, spolupracovat s kolegy a další.
| Výhody Instalace aplikace: |
| - Rychlý a spolehlivý přístup k funkcím a možnostem; |
| - Offline práce; |
| - Rychlejší rychlost práce. |
Dovoz a vývoz
Figma má možnost importovat a exportovat soubory pro sdílení informací s aplikacemi a službami třetích stran. To je vhodné pro spolupráci na projektech nebo přenos dat pro vývoj v jiných nástrojích.
Chcete-li exportovat soubor do obrázku, musíte vybrat požadované objekty nebo vrstvy a kliknout na ně pravým tlačítkem. Poté v kontextové nabídce vyberte položku Exportovat a zadejte formát souboru, do kterého bude obrázek nebo design uložen.
Exportní formáty zahrnují PNG, JPG, SVG a PDF. Výběrem požadovaného formátu můžete také určit velikost a rozlišení obrázku.
Chcete-li importovat soubor do obrázku, musíte kliknout na tlačítko "Import" na panelu nástrojů nebo vybrat položku "Import" v nabídce "Soubor". Poté musíte vybrat soubor z dialogového okna a nastavit možnosti importu, včetně umístění a škálování importovaného obsahu.
Po importu souboru do Figmy jej lze upravit a použít při práci na designu nebo prototypování. Figma podporuje import různých formátů souborů, včetně obrázků, vektorových grafik a dokonce i kódu.
| Formát souboru | Popis |
|---|---|
| PNG | Formát pro export rastrových obrázků s průhledností |
| JPG | Formát pro export rastrových obrázků bez průhlednosti |
| SVG | Formát pro export vektorových grafických objektů |
| Formát pro export dokumentů se zachováním vektorové grafiky |
Vytvoření nového projektu v ČR
Chcete-li začít s Figmou a vytvořit nový projekt, musíte provést několik jednoduchých kroků.
1. Přihlaste se ke svému účtu ve tvaru písmene nebo se zaregistrujte, pokud ještě nemáte účet.
2. Po přihlášení na domovské stránce klikněte na tlačítko" Vytvořit soubor "nebo vyberte položku nabídky" Soubor " - > "Vytvořit soubor".
3. V dialogovém okně, které se otevře, vyberte typ souboru " design "a klikněte na"Vytvořit".
4. Nyní jste v novém projektu a můžete začít. Můžete vytvářet a upravovat rámečky, přidávat designové prvky, odsazovat a další.
5. Chcete-li uložit své změny a sdílet projekt s kolegy, použijte funkce pro ukládání a publikování dostupné ve fíku.
Při vytváření nového projektu ve Figmě mějte na paměti možnost přidat další členy a spolupracovat na designu. Můžete pozvat designéry, vývojáře a další odborníky, aby společně vytvořili jedinečný produkt.
Důležitě: před vytvořením nového projektu v Figmě se doporučuje promyslet strukturu a organizaci souborů, aby se později usnadnila práce a navigace.
Rozhraní a nástroje Figmy
Rozhraní Figmy obsahuje následující základní prvky:
| 1. Panel nástrojů | Poskytuje přístup k nástrojům pro kreslení, vytváření tvarů, psaní a práci s efekty. |
| 2. Panel vrstev | Zobrazuje hierarchii vrstev a prvků dokumentu. Umožňuje skrýt, zvýraznit a spravovat viditelnost vrstev. |
| 3. Panel vlastností | Zobrazuje vlastnosti a styly vybrané položky. Zde můžete změnit barvu, velikost, písmo a další vlastnosti. |
| 4. Hlavní oblast | Jedná se o pracovní plochu, na které jsou umístěny designové prvky. Zde je možné vytvářet a upravovat objekty. |
| 5. Posuvníky | Umožňuje vám procházet dokument virtuálně. Vertikální a horizontální panel pomáhá ovládat viditelnou oblast. |
Kromě základních komponent nabízí Figma také širokou škálu nástrojů pro úpravy a vytváření designových objektů. Zde jsou některé z nich:
| 1. Tužka | Umožňuje kreslit volné čáry a obrysy. |
| 2. Obdélník | Vytváří obdélníky nebo čtverce. |
| 3. Kružnice | Kreslí kruhy nebo ovály. |
| 4. Text | Psaní a formátování textových bloků. |
| 5. Zalévání | Vyplní vybraný prvek barvou nebo přechodem. |
| 6. Štětec | Používá se k kreslení tahů a textur. |
Rozhraní a nástroje Figmy vám umožňují vytvářet jedinečné a profesionální návrhy uživatelských rozhraní. Díky pohodlí práce a širokým funkcím se Figma stává oblíbenou volbou pro designéry a týmy zabývající se vývojem produktů.
Objevování a práce s pravítkem v Figmě
Chcete-li otevřít pravítko ve tvaru, musíte postupovat podle následujících kroků:
- Přejděte do režimu úpravy vašeho projektu ve tvaru.
- V horní nabídce vyberte nástroj Prototyping (nebo stiskněte klávesové zkratky Shift + R).
- Klikněte pravým tlačítkem na plátno a vyberte možnost "definovat plátno" nebo stiskněte klávesu "Cmd" + "R" na klávesnici (pro Mac) nebo "Ctrl" + "R" (pro Windows).
Po provedení těchto kroků se na plátně objeví pravítko, které můžete použít k měření a zarovnání prvků vašeho návrhu. Chcete-li změnit měrnou jednotku v sestavě, klikněte pravým tlačítkem na stupnici pravítka a vyberte jednotku, kterou chcete.
Pomocí pravítka můžete měřit vzdálenosti mezi objekty, zarovnávat položky vodorovně a svisle a vytvářet přesnější a konzistentnější návrhy.
Nyní víte, jak otevřít a pracovat s pravítkem ve tvaru. Pomocí tohoto nástroje vytvořte přesnější a profesionálnější návrhy.