Jak používat booleovský vzorec ve Figmě

Figma je známá jako jeden z nejlepších programů pro grafické designéry po celém světě. Jeho funkce jsou komplexní a pomáhají uživatelům vytvářet cokoli od poutavých log až po jedinečné vstupní stránky. Je pozoruhodné, že funkce Boolean (také součást aktualizace vlastností komponenty v roce 2002) vám umožňuje dosáhnout vlastních tvarů kombinací jejich vrstev pomocí více vzorců.

Zde se dozvíte, jak používat booleovské funkce ve vašem dalším návrhu.

Možnosti booleovského vzorce pro vlastní tvary

Před vytvořením vlastního tvaru musíte vědět, jak fungují booleovské vzorce a čeho dosahují. Kdykoli vytvoříte booleovskou skupinu, bude se počítat jako jedna vrstva tvaru s vlastnostmi výplně i tahu.

Booleovskou ikonu se dvěma překrývajícími se čtverci najdete v horní liště vašeho rozhraní. Když na něj kliknete, z rozbalovací nabídky budete mít čtyři možnosti vzorce.

Tyto možnosti vzorce zahrnují:

• Union Selection – Tato možnost změní vámi vybrané tvary na booleovskou skupinu. Při použití Sjednocení budou cesty vnějšího podtvaru tvořit obrys nového vlastního tvaru. Nezahrnuje však žádné vnitřní překrývající se segmenty.
• Odečíst výběr – Vzhledem k tomu, že tato možnost je opakem výběru sjednocení, je užitečná. Odebere celou plochu tvaru ze základního tvaru. Tím zůstane viditelná pouze spodní vrstva.
• Průnikový výběr – Pomocí průnikového výběru mohou uživatelé vytvořit vlastní tvar skládající se pouze z překrývajících se segmentů původních tvarů nebo dílčích vrstev.
• Vyloučit výběr – Vyloučit funkce je opakem možnosti protínající logickou skupinu. Jeho použitím získáte vlastní tvar z nepřekrývajících se částí původních tvarů.

Pamatujte, že budete muset vybrat dva nebo více tvarů, než budete moci efektivně používat možnost Boolean z horní nabídky. Je to proto, že Boolean pouze kombinuje více vrstev tvaru do jednoho vlastního a složitého tvaru.

Použití vlastnosti Figma Instance Swap

Když Figma oznámila aktualizaci vlastností komponenty v roce 2022, byl booleovský výběr pouze jednou z mnoha nových dostupných funkcí. Smyslem aktualizace komponent je pomoci vám efektivně vytvářet šablony variací, spíše než prohrabávat se nepřístupnými možnostmi.

Zatímco Boolean je důležitou součástí tohoto, uživatelé mohou také použít vlastnost instance swap. Postup:

1. Vyberte prvek svého návrhu.
   
2. Přejděte do nabídky výměny instance na pravé straně rozhraní a klikněte na ni. Ikona má diamant se šipkou.
   
3. Vlastnost pojmenujte, například „ikona“ v rozbalovací nabídce, a nastavte hodnotu například na značku zaškrtnutí.
   
4. Vyberte „Vytvořit službu“. Figma pak označí vlastnost komponenty tam, kde byla původně swapovací nabídka.
   
5. Vytvořte kopii svého návrhu tak, že jej vyberete a použijete příkaz CTRL + C. Poté umístěte instance vedle sebe.
   
6. Kliknutím na novou ikonu vyberte z nabídky vlastností označené komponenty. Tím se automaticky změní prvek na instanci.

Funkce výměny instancí je především o pohodlí. Pomocí možnosti zaměnit instanci zefektivníte proces návrhu a zároveň rychle přepnete varianty (instance) vedle sebe.

Použití možnosti Vlastnosti textu pro snadné změny instancí

Řekněme, že navrhujete tlačítko s výzvou k akci pro vstupní stránku. Máte dvě varianty vedle sebe a k zobrazení různých ikon jste použili vlastnost instance swap. Formulace je však dalším prvkem, který je třeba vzít v úvahu.

Obvykle byste k dokončení procesu museli procházet sekce vrstev. Pomocí vlastnosti textové komponenty to můžete místo toho zobrazit a změnit na postranním panelu. Zde je návod, jak využít funkci vlastnosti textu ve svůj prospěch:

1. Vyberte textový prvek na vašem návrhu.
   
2. Před kliknutím na „Vytvořit vlastnost“ dejte prvku název, například „text“ a hodnotu „button“.
   
3. Poté budete moci změnit text a experimentovat s formulací své výzvy k akci.

Vlastnost text je vhodné použít spolu s možnostmi odložení instance a logickými hodnotami.

Jak používat vlastnosti variant na Figma

S novými aktualizacemi komponent na Figmě můžete vytvořit více variant a všechny je ovládat z pravého postranního panelu. Pokud tak učiníte, pomůže vám to efektivněji měnit text a vyměňovat ikony. Můžete také ovládat další aspekty návrhu vaší varianty. Podívejme se, jak na to:

1. Vyberte svůj design a klikněte na „Přidat variantu“ v horní liště. Podržte vlevo, klikněte na svůj návrh a přetáhněte variantu těsně vedle něj.
   
2. Všimnete si, jak se vlastnost druhé varianty zobrazí na pravém postranním panelu. Znovu označte vlastnost na „tlačítko“ a hodnotu vedle ní na „červená“.
   
3. Tyto vlastnosti nyní označí vaši variantu. Pokud vyberete svůj původní návrh, všimnete si, že se hodnota změní zpět na „výchozí“.
   

Nejčastější dotazy

Mohu vytvářet loga pomocí možnosti Boolean?

Technicky vám vlastnost Boolean umožňuje kombinovat více tvarů pomocí jejich cest. I když to může být způsob, jak vytvořit jednoduchá loga, možnosti jsou omezeny na jednoduché tvary, jako jsou elipsy. Místo toho je nejlepší použít nástroj pero pro věci, jako je tvorba loga. Pro usnadnění procesu vrstvení můžete stále používat další aktualizace komponent.

Mohu změnit písmo pomocí možnosti vlastnosti textové komponenty?

Bohužel ne. Vlastnost textové komponenty umožňuje změnit spíše text než font. Stále však můžete vybrat text a najít vhodné písmo prostřednictvím pravého bočního panelu.

Jaké jsou některé instance návrhu, kde budu muset použít výše uvedené vlastnosti komponenty?

Pro varianty nemusíte používat vlastnosti komponent. Díky tomu je však proces návrhu mnohem jednodušší a rychlejší. Příkladem jsou tlačítka vyžadující různé barvy, primárně podobné pouze s jednou změnou komponenty, nebo malé varianty tvaru vstupní stránky. Jsou také užitečné při vytváření dvou návrhů a výběru toho nejlepšího.

Zefektivněte svůj proces návrhu pomocí vlastností komponent na Figma

Pomocí možností, jako je Boolean, můžete vytvářet nové vlastní tvary z kombinace starých. To se provádí prostřednictvím horního bočního panelu se čtyřmi možnostmi vzorce. Patří mezi ně sjednocení, odečtení, průnik a vyloučení. Podobně můžete použít další možnosti vlastností komponenty, jako je vlastnost textu a výměna instance. Díky tomu lze snadno vytvářet varianty s různými součástmi. V konečném důsledku použití vlastností komponent pomáhá zefektivnit proces návrhu.

Jaké složité tvary jste vytvořili pomocí možnosti Boolean? Také se vám zdálo snadné používat možnosti vlastností komponent? Dejte nám vědět v sekci komentářů níže.