Designværktøjer er en essentiel del af processen med at få ethvert webprodukt til at se bedre ud. Men de fleste designværktøjer er så tunge softwareværktøjer, at de kræver avancerede specifikationer fra brugerenheden og bruger det meste af RAM'en, mens de bruges. Disse designværktøjer giver også brugerne mulighed for kun at bruge deres fulde funktionaliteter efter at have købt deres enorme, dyre premium-pakker. Som en løsning på alle disse problemer har udviklere brug for billig og let software til brug i enhver enhed med gennemsnitlige specifikationer.
Indledning
Figma er en meget bekvem løsning, der opfylder alle udvikleres krav. Det er et gratis browserbaseret designværktøj, der i øjeblikket er ved at blive et meget populært valg blandt udviklere. Det tilbyder en meget problemfri oplevelse for sine brugere med sine fede, men nemme funktioner.
Her diskuterer vi en komplet guide til at bruge Figma med dens fulde muligheder.
Tidligere behøvede designere og udviklere kun at kommunikere via e-mails. Det førte til en besværlig proces, der involverede adskillige vedhæftede filer, og en forfærdelig oplevelse med at håndtere dem. Siden kom mange moderniserede værktøjer i brug. De gjorde arbejdsproceduren nem for designere og udviklere. Men et andet stort problem var at holde projektfilerne i forskellige værktøjer synkroniseret. Derfor var der stadig et stort behov for en meget effektiv proces.
Så kom Figma med sin problemfri arbejdsgang. Da det er et browserbaseret værktøj, kan alle nemt bruge det med ethvert operativsystem, de bruger. Brugerne slipper for at installere unødvendige programmer, der understøtter designværktøjet. Da Figma også er et cloudbaseret værktøj, tilbyder det altid den nyeste version af designet til alle brugere. Samarbejde og kommunikation er også blevet det nemmeste med dette værktøj.
Figma tilbyder også sine tjenester som en desktop-app til både Windows og macOS. Desktop-appen er en cross-platform-app ligesom Slack og Visual Studio Code. Selvom desktop-appen og den browserbaserede app tilbyder næsten de samme funktioner, har desktop-appen indbygget understøttelse af brug af lokale skrifttyper, hvorimod du skal installere Figma Font Helper for at bruge lokale skrifttyper i browserversionen.
For at tilbyde et velorganiseret arbejdsområde tilbyder Figma sin brugerflade, der er opdelt i 3 hoveddele. Den har et stort lærred i midten, en sidebar i venstre side og en værktøjslinje i højre side. Lærredet bruges til at finde alle designs på det. Den venstre sidebar indeholder aktiver, lag og sider i en fil. Og den højre værktøjslinje bruges til at indeholde alle oplysninger om elementer i filen.
En fil består normalt af flere sider med ét lærred hver. Designere bruger disse sider til at organisere forskellige dele af filen med forskellige sider. Så enhver ny bruger af Figma bør først blive fortrolig med disse forskellige sider for at kunne arbejde med dem på en velorganiseret måde.
Navigation i Figma
- Hvis du holder Ctrl/Cmd nede og ruller op/ned, eller trykker på tasterne + og –, kan du zoome ind eller ud.
- Hvis du holder mellemrumstasten nede og trækker med musen, ruller du vandret på lærredet.
Der er mange flere praktiske genveje, der kan gøre dig mere effektiv på Figma. Men du behøver ikke bekymre dig om at huske dem alle. Du kan altid se disse genveje ved at trykke på Ctrl / Cmd + Shift + ?
Valg af projektstile
Du kan vælge alle farver, typografi, farver, gitre og andre stilarter til designet i højre sidebjælke. For at annullere dit valg kan du blot klikke et vilkårligt sted på lærredet eller klikke på Esc-tasten. Du kan se alle oplysninger om stilen for et hvilket som helst element ved blot at klikke på redigeringsikonet ud for stilelementet.
Læs: Sådan migrerer du fra Drupal til WordPress: Komplet guide
Vælg stilelementer
Du kan vælge et hvilket som helst specifikt lag ved at holde Command nede, mens du klikker, eller ved at højreklikke på elementet for at åbne menuen med alle indbyggede lag og vælge det ønskede.
Når du har valgt et element, kan dets CSS-oplysninger udledes fra fanen 'Kode' i højre sidebjælke. Denne CSS genereres dog automatisk og bør ikke kopieres og indsættes i dit hovedprojekt.
Nogle flere vigtige trin
- Hvis du holder 'Alt'-tasten nede og holder musen over et element, kan du måle mellemrummene mellem elementerne og placere dem korrekt.
- Du skal markere et aktiv som eksporterbart for at eksportere det. Derefter kan du bruge genvejen Shift + Cmd / Ctrl + E til at eksportere alle de aktiver, der er markeret til eksport.
- Du kan bruge fanen 'Prototype' i højre sidebjælke til at se oplysninger om enhver animation.
- Hvis du klikker på chatbobleikonet i den øverste værktøjslinje eller trykker på 'C'-tasten, kommer du til kommentargrænsefladen, hvor du kan skrive en kommentar til et hvilket som helst element ved at klikke et vilkårligt sted i designet.
Dette er en opsummeret gennemgang af nogle vigtige procedurer, som du kan følge for at få en god oplevelse med Figma. Hos Seahawk Media gør vi altid vores bedste for at få den bedste information om alt for at gøre det meget nemmere at bruge. For at benytte dig af vores forskellige tjenester , er du velkommen til at kontakte os . Besøg også vores blogside for mere information om forskellige webprodukter.
