Sådan bruges en boolsk formel i Figma

Figma er kendt som et af de bedste programmer for grafiske designere i hele verden. Dens funktioner er omfattende og hjælper brugere med at skabe alt fra iøjnefaldende logoer til unikke landingssider. Navnlig giver den boolske funktion (også en del af opdateringen af ​​komponentegenskaber i 2002) dig mulighed for at opnå brugerdefinerede former ved at kombinere deres lag gennem flere formler.

Her lærer du, hvordan du bruger de booleske funktioner i dit næste design.

De booleske formelmuligheder for brugerdefinerede former

Før du opretter din tilpassede form, skal du vide, hvordan booleske formler fungerer, og hvad de opnår. Når du laver en boolesk gruppe, tæller den som et enkelt formlag med både fyld- og stregegenskaber.

Du kan finde det boolske ikon med to overliggende firkanter i den øverste bjælke i din grænseflade. Du har fire formelmuligheder fra rullemenuen, når du klikker på den.

Disse formelmuligheder omfatter:

• Unionsvalg – Denne mulighed forvandler dine valgte former til en boolesk gruppe. Når du bruger Union, vil den ydre underforms stier danne den nye brugerdefinerede figurs omrids. Det vil dog ikke inkludere nogen af ​​de indre overlappende segmenter.
• Træk udvælgelse fra - I betragtning af denne mulighed er det modsatte af fagforeningsvalg nyttigt. Det fjerner hele området af en form fra basisformen. Dette efterlader kun det nederste lag synligt.
• Krydsningsvalg – Med skæringsvalg kan brugere oprette en brugerdefineret form, der kun består af de overlappende segmenter af de originale former eller underlag.
• Ekskluder markering – Ekskluder funktioner er det modsatte af muligheden for skærende boolesk gruppe. Ved at bruge den får du en brugerdefineret form fra de ikke-overlappende dele af de originale former.

Husk, at du skal vælge to eller flere former, før du effektivt kan bruge den boolske indstilling fra topmenuen. Dette skyldes, at Boolean kun kombinerer flere formlag i én tilpasset og kompleks form.

Brug af Figma Instance Swap-egenskaben

Da Figma annoncerede opdateringen af ​​komponentegenskaberne i 2022, var det boolske udvalg kun en af ​​de mange nye tilgængelige funktioner. Hele pointen med komponentopdateringen er at hjælpe dig med at lave variationsskabeloner effektivt i stedet for at grave gennem afsidesliggende muligheder.

Selvom Boolean er en vigtig del af dette, kan brugere også bruge instansens swap-egenskab. Sådan gør du:

1. Vælg et element i dit design.
   
2. Naviger til instansbyttemenuen i højre side af grænsefladen, og klik på den. Ikonet har en diamant med en pil på.
   
3. Giv et navn til egenskaben, såsom "ikon" på pop-up-menuen, og indstil værdien til f.eks. et flueben.
   
4. Vælg "Opret ejendom". Figma vil derefter markere komponentegenskaben, hvor swap-menuen oprindeligt var.
   
5. Opret en kopi af dit design ved at vælge det og bruge kommandoen CTRL + C. Sæt derefter forekomsterne side om side.
   
6. Vælg et nyt ikon fra den markerede komponentegenskabsmenu ved at klikke på det. Dette vil automatisk ændre elementet på instansen.

Instance swap-funktionen handler om bekvemmelighed. Ved at bruge muligheden for at bytte forekomst strømliner du designprocessen, mens du hurtigt skifter variationer (forekomster) side om side.

Brug af tekstegenskabsindstillingen til nemme instansændringer

Lad os sige, at du designer en opfordring til handling-knap til en landingsside. Du har to variationer side om side, og du har brugt instansbytteegenskaben til at se forskellige ikoner. Ordlyden er dog et andet element at tage højde for.

Normalt skal du blande dig gennem lagsektionen for at fuldføre processen. Med egenskaben tekstkomponent kan du se og ændre dette på sidebjælken i stedet for. Sådan bruger du tekstegenskabsfunktionen til din fordel:

1. Vælg tekstelementet på dit design.
   
2. Giv dit element et navn som "tekst" og værdien "knap", før du klikker på "Opret egenskab".
   
3. Du vil derefter være i stand til at ændre teksten og eksperimentere med ordlyden af ​​din opfordring til handling.

Tekstegenskaben er praktisk at bruge sammen med indstillingerne for instansbytning og booleske.

Sådan bruges variantegenskaber på Figma

Med de nye komponentopdateringer på Figma kan du oprette flere varianter og styre dem alle fra højre sidebjælke. Hvis du gør det, hjælper det dig med at ændre tekst og bytte ikoner mere effektivt. Du kan også kontrollere andre aspekter af din variants design. Lad os se, hvordan du gør det:

1. Vælg dit design og klik på "Tilføj variant" i den øverste bjælke. Hold venstre, klik på dit design, og træk varianten lige ved siden af ​​det.
   
2. Du vil bemærke, hvordan den anden variant-egenskab vises på højre sidebjælke. Ommærk egenskaben til "knap", og værdien ved siden af ​​den til "rød".
   
3. Disse egenskaber vil nu mærke din variant. Hvis du vælger dit originale design, vil du bemærke, at værdien er ændret tilbage til "standard".
   

Ofte stillede spørgsmål

Kan jeg lave logoer ved at bruge den boolske indstilling?

Teknisk set giver den boolske egenskab dig mulighed for at kombinere flere former ved hjælp af deres stier. Selvom dette kan være en måde at lave simple logoer på, er mulighederne begrænset til simple former som ellipser. I stedet er det bedst at bruge penneværktøjet til ting som logooprettelse. Du kan stadig bruge de andre komponentopdateringer til at gøre lagdelingsprocessen nemmere.

Kan jeg ændre skrifttypen ved hjælp af egenskabsindstillingen tekstkomponent?

Desværre ikke. Tekstkomponentegenskaben giver dig mulighed for at ændre teksten i stedet for skrifttypen. Du kan dog stadig vælge teksten og finde den passende skrifttype gennem den højre sidebjælke.

Hvad er nogle designforekomster, hvor jeg skal bruge ovenstående komponentegenskaber?

Du behøver ikke bruge komponentegenskaber til varianter. Det gør dog designprocessen meget nemmere og hurtigere. Eksempler er knapper, der kræver forskellige farver, primært ens med kun én komponentændring, eller små landingssideformvarianter. De er også nyttige til at skabe to designs og vælge det bedste.

Strømlin din designproces med komponentegenskaber på Figma

Med muligheder som Boolean kan du oprette nye brugerdefinerede former fra en kombination af gamle. Dette gøres gennem den øverste sidebjælke med fire formelmuligheder. Disse omfatter forening, subtrahere, skære og ekskludere. Ligeledes kan du bruge andre komponentegenskabsindstillinger, såsom tekstegenskab og instansbytning. Det gør det nemt at skabe varianter med forskellige komponenter. I sidste ende hjælper brugen af ​​komponentegenskaber med at strømline designprocessen.

Hvilke komplekse former lavede du ved at bruge den boolske indstilling? Syntes du også, at komponentegenskabsmulighederne var nemme at bruge? Fortæl os det i kommentarfeltet nedenfor.