Designová platforma Figma je jedním z nejoblíbenějších nástrojů mezi designéry. Umožňuje vytvářet profesionální rozvržení, rozhraní a prototypy a usnadňuje práci na kolaborativních projektech. Jak ale uložit svůj hotový projekt z Figmy a sdílet jej s ostatními? V tomto článku se podíváme na několik způsobů, jak ekportovat rozvržení z Figma.
Prvním způsobem je uložení rozvržení ve formátu PNG nebo JPEG. Chcete-li to provést, otevřete svůj projekt ve Figma a vyberte požadovanou stránku nebo objekt, který chcete uložit. Poté klikněte pravým tlačítkem na vybraný objekt a z kontextové nabídky vyberte "Export". V okně, které se zobrazí, vyberte požadovaný formát (PNG nebo JPEG) a nastavte požadované parametry, jako je rozlišení a kvalita obrazu. Poté klikněte na tlačítko" Export " a vyberte složku pro uložení rozvržení.
Druhým způsobem je uložení rozvržení ve formátu PDF. Pokud chcete uložit celý projekt nebo více stránek jako soubor PDF, pak bude tato metoda nejpohodlnější. Chcete-li uložit rozvržení ve formátu PDF, otevřete svůj projekt ve Figma a v horní nabídce vyberte kartu "File". Poté vyberte "Uložit jako PDF" a nastavte požadované možnosti, jako je měřítko a orientace stránky. Klikněte na tlačítko "Uložit", vyberte složku pro uložení a zadaný formát a znovu klikněte na tlačítko "Uložit".
Otevření rozvržení ve Figma
Chcete-li otevřít rozvržení ve Figma, musíte postupovat podle následujících kroků:
- Přejděte na oficiální web Figma a přihlaste se ke svému účtu.
- Na domovské stránce vyberte možnost "Otevřít rozvržení".
- V okně, které se zobrazí, vyberte rozvržení, které chcete otevřít. Rozvržení lze umístit do různých složek nebo projektů. Zkontrolujte, zda zvolíte správné rozvržení.
- Po výběru rozvržení klikněte na tlačítko"Otevřít". Figma načte rozvržení a otevře jej v editoru.
Po otevření rozvržení budete moci začít s jeho prohlížením, úpravami a exportem. Figma poskytuje široké funkce pro práci s rozvržením, včetně vytváření a úprav vrstev, přidávání designových prvků a interakce s kolegy v reálném čase.
Práce s rozvržením
Po načtení rozvržení do Figmy s ním můžete začít pracovat, upravovat, přidávat položky a konfigurovat jej podle vašich potřeb. Zde je několik způsobů, jak použít rozvržení ve Figma:
- Změna prvků rozvržení: Figma poskytuje širokou sadu nástrojů pro úpravu rozvržení. Můžete změnit velikost, barvu a tvar prvků, přidat text a obrázky, přizpůsobit styly a další.
- Přidání interaktivity: Figma také umožňuje vytvářet interaktivní prototypy rozvržení. Můžete přidat přechody mezi stránky, vytvářet animace a efekty, aby bylo rozvržení dynamičtější a srozumitelnější pro uživatele.
- Práce ve skupině: Figma poskytuje možnost spolupráce na rozvržení. Můžete pozvat ostatní uživatele ke sdílení úprav, komentářů a kontrole rozvržení. To je výhodné, pokud pracujete v týmu nebo chcete získat zpětnou vazbu od kolegů a zákazníků.
- Export rozvržení: Figma vám umožňuje exportovat rozvržení do různých formátů, abyste jej mohli použít v jiných programech. Rozvržení můžete exportovat jako PNG, JPEG, SVG nebo PDF soubory a také vygenerovat CSS kód pro položky rozvržení.
Obecně platí, že práce s rozvržením ve Figma poskytuje velké příležitosti k vytváření profesionálních a moderních designových řešení. Použijte všechny nástroje dostupné ve Figma, abyste uvedli své nápady do praxe a vytvořili kvalitní rozvržení pro váš projekt.
Změna prvků rozvržení
Ve Figma můžete snadno změnit prvky svého rozvržení, abyste dosáhli požadovaného výsledku. Zde je několik způsobů, jak vám pomoci s úpravou rozvržení:
1. Výběr prvku
Chcete-li začít měnit prvky rozvržení, musíte vybrat požadovanou položku. Chcete-li to provést, jednoduše na něj klikněte myší nebo jej vyberte z panelu vrstev.
2. Změna velikosti
Pokud potřebujete změnit velikost položky, můžete to udělat pomocí funkce "Transformm". Jednoduše vyberte položku a změňte její rozměry přetažením úhlových bodů nebo pomocí možností v panelu vlastností.
3. Změna barev a písem
Chcete-li změnit barvu položky, vyberte ji a použijte paletu barev nebo kódy HEX v panelu vlastností. Podobně můžete změnit písmo a jeho vlastnosti výběrem požadovaného textu a výběrem požadované možnosti v panelu vlastností.
4. Změna umístění prvku
Chcete-li změnit polohu prvku, přetáhněte jej na nové místo na plátně. K přesnému pohybu můžete také použít klávesy se šipkami.
Pamatujte, že všechny vaše změny se automaticky uloží do Figmy, takže se můžete vždy vrátit k předchozím verzím nebo se vrátit k předchozím nastavením položek.
Práce s textem v rozvržení
Makety ve Figma umožňují vytvářet designové projekty pomocí textových prvků. Pomocí textu můžete přidávat informace, popisovat funkce nebo popisovat vizuální efekty.
Figma má několik způsobů, jak pracovat s textem v rozvržení:
1. Přidání textového prvku
Chcete-li přidat textovou položku do rozvržení, musíte vybrat nástroj Text a kliknout na místo, kam chcete text umístit. Zobrazí se kurzor psaní textu, kde můžete zadat požadovaný text.
2. Změna nastavení textu
Chcete-li změnit možnosti textu, musíte jej vybrat a otevřít panel text vpravo. Zde budete moci upravit nastavení písma (velikost, tloušťka, sklon), zarovnání a vzdálenost mezi řádky.
3. Úprava textu
Chcete-li upravit text ve Figma, musíte kliknout na textovou položku a začít psát nový text. Můžete také zvýraznit již existující text a podle potřeby jej změnit.
4. Kopírování a vkládání textu
Figma má možnost kopírovat a vkládat text v rozvržení. Chcete-li to provést, zvýrazněte textovou položku a použijte kombinaci kláves Ctrl+C pro kopírování a Ctrl+V pro vložení textu.
Práce s textem v rozvržení je důležitou součástí procesu vytváření designu, takže Figma poskytuje širokou sadu nástrojů pro práci s textovými prvky.
Přidání nových vrstev do rozvržení
Chcete-li do rozvržení Přidat novou vrstvu, postupujte takto:
- Vyberte nástroj vytvořit vrstvu z panelu nástrojů nebo použijte kombinaci kláves Ctrl + K (Cmd + K pro macOS) k vyvolání tohoto nástroje.
- Klikněte na místo v rozvržení, kam chcete přidat novou vrstvu. Zobrazí se okno s návrhem na zadání názvu vrstvy.
- Zadejte název vrstvy a stiskněte Enter. Nová vrstva bude přidána do rozvržení a zobrazena v panelu vrstev.
Můžete také přidat vnořené vrstvy do již existujících vrstev a vytvořit tak podrobnější strukturu rozvržení. Chcete-li to provést, postupujte takto:
- Zvýrazněte vrstvu, do které chcete přidat vnořenou vrstvu, v panelu vrstev nebo na rozvržení.
- Vyberte nástroj vytvořit vrstvu nebo použijte kombinaci kláves Ctrl + K (Cmd + K pro macOS).
- Klikněte na místo uvnitř zvýrazněné vrstvy, kam chcete umístit novou podsložku.
- Zadejte název nové vrstvy a stiskněte Enter. Do vybrané vrstvy bude přidána nová podsložka.
Přidání nových vrstev a vnořených vrstev vám umožní pohodlněji spravovat rozvržení, upravovat jej a organizovat položky v rámci projektu, což vám výrazně usnadní práci s Figma.
Použití hotových komponent
K urychlení procesu vytváření rozvržení ve Figmě lze použít hotové komponenty, které již obsahují různé designové prvky. Komponenty lze vytvářet samostatně nebo importovat z knihoven jiných uživatelů.
Výhodou použití hotových komponent je, že umožňují rychlé a pohodlné přidání standardních prvků do rozvržení. Například tlačítka, ikony, tvary a další často používané prvky. Komponenty navíc usnadňují práci na jednotných prvcích, protože změny provedené v jedné komponentě se automaticky vztahují na všechny instance této komponenty v rozvržení.
Chcete-li použít hotové komponenty, stačí je přetáhnout z panelu komponent do rozvržení. Poté můžete přizpůsobit styly součásti, změnit její rozměry a měřítko a přidat text a obrázky.
Knihovny hotových komponent ve Figma vám umožňují zkrátit čas na vytvoření rozvržení a zlepšit jeho kvalitu. Umožňují vám vytvářet konzistentnější a stylovější návrhy a také spojit síly s dalšími designéry a vývojáři, kteří používají stejnou knihovnu.
Uložení rozvržení ve Figma
Chcete-li uložit rozvržení do Figmy, postupujte podle následujících kroků:
- Otevřete rozvržení, které chcete uložit.
- Klikněte na tlačítko" File " v levém horním rohu.
- Z rozbalovací nabídky vyberte možnost "Save a copy".
- Zadejte název a umístění uloženého souboru.
- Klepnutím na tlačítko "Uložit" dokončíte uložení.
Po provedení těchto kroků bude vaše rozvržení uloženo ve Figmě a bude k dispozici pro prohlížení a úpravy.
Je důležité si uvědomit, že při ukládání rozvržení jsou ve Figmě uloženy všechny jeho prvky, vrstvy, styly a vložené obrázky. To vám umožní snadno obnovit a upravit rozvržení v budoucnu.
Figma také poskytuje možnost ukládat rozvržení do cloudu, což vám umožní snadno sdílet vaše projekty s ostatními členy týmu nebo klienty.
Výsledkem je, že uložení rozvržení do Figmy je jednoduchou a důležitou fází, která zajišťuje, že vaše designové projekty jsou bezpečné a dostupné pro další úpravy a spolupráci.
Jako pohodlný a výkonný nástroj vám Figma pomáhá efektivně vytvářet a ukládat vaše designová rozvržení, což vám umožní udržet si kreativní práci a sdílet ji s ostatními.
Uložení rozvržení do počítače
Jakmile dokončíte práci na rozvržení ve Figma, budete jej muset uložit do počítače pro další použití nebo odeslat zákazníkovi. Zde je návod, jak uložit rozvržení do počítače:
1. Klikněte pravým tlačítkem na rozvržení
Chcete-li začít, zvýrazněte rozvržení ve Figmě a kliknutím pravým tlačítkem otevřete kontextovou nabídku.
2. Vyberte položku Uložit jako PNG
V kontextové nabídce vyberte možnost Uložit jako PNG pro uložení rozvržení ve formátu PNG. V případě potřeby můžete také zvolit jiný formát obrázku.
3. Zadejte cestu a název souboru
Zadejte cestu k souboru v počítači a zadejte název souboru pro uložení rozvržení. Ujistěte se, že jste vybrali vhodné místo pro uložení a vybrali vhodný název souboru.
4. Klikněte na tlačítko "Uložit"
Jakmile vyberete cestu a název souboru, klikněte na tlačítko"Uložit". Figma uloží rozvržení do počítače ve zvoleném formátu a na zadanou cestu.
Nyní máte v počítači uložené rozvržení, které můžete použít podle svého uvážení.
Uložení rozvržení do cloudu
Figma poskytuje možnost Uložit rozvržení do cloudového úložiště, abyste k němu měli přístup z jakéhokoli zařízení a mohli jej sdílet s ostatními uživateli.
Chcete-li uložit rozložení do cloudu, musíte postupovat podle následujících kroků:
- Otevřete rozvržení ve Figma.
- Klikněte na nabídku Soubor v horní liště nástrojů.
- Z rozbalovací nabídky vyberte možnost Uložit na disk.
- V okně, které se zobrazí, vyberte umístění uložení rozvržení v počítači.
- Klikněte na tlačítko"Uložit".
- Otevřete webový prohlížeč a přejděte na web www.figma.com..
- Přihlaste se ke svému účtu nebo se zaregistrujte, pokud ještě nemáte účet.
- Na domovské stránce Figma klikněte na tlačítko"Vytvořit soubor".
- Stáhněte si dříve uložené rozvržení pomocí tlačítka "Stáhnout soubor".
- Po stažení rozvržení jej budete moci zobrazit, upravit a sdílet s ostatními uživateli.
Nyní je vaše rozvržení uloženo v cloudu a je k dispozici vám a vašim kolegům odkudkoli a na jakémkoli zařízení. Můžete také nakonfigurovat oprávnění k rozvržení, abyste umožnili nebo omezili možnosti ostatních uživatelů.