V dnešní době designéři pracují s širokou škálou písem a vytvářejí jedinečné a atraktivní kompozice. Někdy však může být obtížné určit, které písmo bylo v návrhu použito. Naštěstí existují speciální nástroje, které nám pomohou vyřešit tuto záhadu. V tomto článku se podíváme na to, jak poznat písmo ve Figma – jednom z nejoblíbenějších grafických editorů pro návrh rozhraní.
Písma jsou jedním z nejdůležitějších prvků každého designu. Dokážou vyjádřit náladu a nastavit styl celé kompozice. Určení použitého písma je prvním krokem k úspěšnému obnovení designu nebo vytvoření podobné kompozice. Ale co když nemáte přístup k původnímu souboru nebo se nemůžete zeptat autora na detaily návrhu? V tomto případě může pomoci Figma-grafický editor, který vám umožní vytvářet, upravovat a prohlížet návrhy rozhraní. Ale hlavní věc, kterou vám umožňuje dělat, je rozpoznat použitá písma.
Je důležité pochopit, že k definování písem musíte mít rozvržení otevřené nebo importované do Figmy. V opačném případě nebudete moci tuto funkci editoru používat. Nyní, když máte rozvržení, můžeme začít hledat písmo. Figma poskytuje několik možností pro určení použitého písma: k definování písem můžete použít panel kódu Designer Inspect nebo plugin.
Jak identifikovat písmo používané ve Figma
Pokud pracujete s designem ve Figmě a chcete vědět, které písmo se používá v konkrétní textové položce, postupujte podle těchto pokynů:
1. Zvýrazněte textovou položku, ve které chcete znát použité písmo.
2. V pravém podokně, kde vidíte vlastnosti této položky, vyhledejte sekci Text (Text) a otevřete ji.
3. V části Písmo (Font) uvidíte název písma použitého v této položce. Může to být název samotného písma nebo jeho rodiny.
4. Pokud chcete podrobnější informace o Písmu, můžete také kliknout na tlačítko s piktogramem "plus" vedle názvu písma. Tím se otevře vyskakovací okno se všemi dostupnými informacemi o vybraném písmu.
Nyní víte, jak identifikovat písmo používané ve Figma, a můžete tyto informace použít k výběru vhodných písem pro vaše vlastní projekty.
Interní nástroje Figma pro definování písma
Figma má řadu vestavěných nástrojů, které pomáhají identifikovat písmo používané v designu nebo rozvržení. Tyto nástroje zjednodušují proces a umožňují rychlé a přesné určení písma, které bylo použito.
1. Nástroj Inspect (Kontrola)
Nástroj Inspect je jednou z nejužitečnějších funkcí Figma, která Vám umožňuje procházet a extrahovat informace o každém prvku designu. Chcete-li písmo zjistit, vyberte textovou položku a klikněte pravým tlačítkem. Poté z kontextové nabídky vyberte možnost "Inspect". V okně, které se otevře, se zobrazí informace o vybrané položce, včetně písma, velikosti písma, odsazení a dalších atributů.
V části "Text" budete moci vidět použité písmo, jeho název a možnosti, jako je tučnost a psaní. To vám pomůže identifikovat hledané písmo a použít jej ve svých projektech.
2. Panel vlastností při výběru textu
Ve Figmě, když vyberete textovou položku, se ve spodní části obrazovky zobrazí panel vlastností. V tomto panelu najdete informace o Písmu, jeho velikosti, barvě a dalších atributech. Vyhledejte sekci, která obsahuje písmo, a budete moci definovat písmo použité v dokumentu.
3. Vyhledávání písem v knihovně Figma
Figma má vestavěnou knihovnu písem, ve které lze nalézt různá písma, která jsou k dispozici k použití. Chcete-li najít písmo, můžete použít vyhledávání v navigačním podokně vlevo nebo otevřít okno "Fonts" (písma) v horním podokně. Jakmile najdete požadované písmo, budete jej moci zobrazit a použít ve svých projektech.
Základem těchto nástrojů je myšlenka usnadnit proces určování písma ve Figmě a poskytnout možnost přesně replikovat design. Použití těchto nástrojů vám pomůže udržet písmo v souladu s různými designovými prvky a vytvořit jednodílný a kvalitní vizuální obraz.
Webové nástroje pro definování písma ve Figma
Písma hrají důležitou roli ve webovém designu a někdy je nutné určit, které písmo se používá v designu Figma. Pro tento úkol existují různé webové nástroje, které vám pomohou najít správné písmo.
Jedním z takových nástrojů je WhatFont. Jedná se o rozšíření prohlížeče, které vám umožní definovat písmo na jakékoli Stránce, včetně designu ve Figma. Stačí nainstalovat rozšíření do prohlížeče, najet kurzorem na textovou položku ve Figmě a zjistit informace o Písmu.
Dalším užitečným nástrojem je Mount. Funguje podobně jako WhatFont a umožňuje rychlou identifikaci písma použitého v designu Figma. Stačí nainstalovat rozšíření, kliknout na tlačítko Mount na panelu nástrojů prohlížeče a vybrat text, který vás zajímá ve Figmě.
Za zmínku stojí také nástroj Rapportive. Umožňuje definovat písmo použité na webové stránce podle daného obrázku. Snímek obrazovky z Figma si můžete stáhnout do Rapportive a získat informace o Písmu.
To jsou jen některé z webových nástrojů, které vám pomohou identifikovat písmo v designu Figma. Zkuste je použít a vyberte si ten, který vám nejlépe vyhovuje. ZapFont, WhatFontIs a Fonts Ninja také nabízejí širokou škálu funkcí pro definování písma.
Jak používat rozšíření k definování písma ve Figma
Pokud pracujete s rozvrženími a návrhy ve Figma, pak vás může zajímat, jaké písmo je použito v konkrétních designových prvcích. K tomu můžete použít různá rozšíření, která vám pomohou rychle a snadno identifikovat písmo ve Figmě.
Zde je několik oblíbených rozšíření, která mohou být užitečná při určování písma:
- WhatFont - je to rozšíření prohlížeče Google Chrome, které vám umožní rychle definovat písmo na jakékoli webové stránce, včetně rozvržení ve Figmě. Po instalaci rozšíření jednoduše najeďte kurzorem na text a zjistěte písmo, které se v něm používá.
- FontFinder - je to rozšíření prohlížeče Mozilla Firefox, které také umožňuje definovat písmo na webových stránkách. Je také kompatibilní s Figma. Stačí vybrat text v rozvržení a rozšíření zobrazí informace o použitém písmu.
- Fontanello -jedná se o rozšíření prohlížeče Safari, které pomáhá identifikovat písma a jejich parametry na webových stránkách. Může být také použit ve Figma k definování písma na rozvržení.
Instalace a použití těchto rozšíření jsou obvykle jednoduché a vyžadují jen několik kliknutí. Jakmile je rozšíření nainstalováno, budete moci rychle a snadno identifikovat písma ve všech rozvržení ve Figma. To může být zvláště užitečné, pokud potřebujete ve svém projektu použít stejné písmo nebo jen zjistit, které písmo se používá v rozvržení, abyste našli vhodný protějšek.