Teambibliotek 1.0

Illustration lavet til Figma af Peter Barnaba

Vi er glade for at annoncere Team Library 1.0, der giver holdene mulighed for at oprette, bruge og vedligeholde designsystemer. Vi introducerede betaversionen i februar, og siden da har vi talt med hundreder af mennesker om, hvordan de vedtager den. Vi udviklede funktionaliteten baseret på feedback, og med dagens lancering håber vi at gøre det lettere for en bred vifte af teams at bygge deres egne designsystemer.

Komponenter - knapper, ikoner, dialoger og hvad du har - spiller en afgørende rolle i mange virksomheders designsystemer. Organisationer har brug for muligheden for at dele disse elementer bredt på tværs af filer og med teammedlemmer. På den måde kan alle designe på en struktureret måde og holde sig ajour med projekter. Flere virksomheder har endda gået til det ekstreme med at udvikle deres eget værktøj til denne del af deres designsystem. F.eks. Har Airbnb og Facebook ansat eksperter til at vedligeholde og oprette sådan intern software.

Vi mener, at deling af komponenter er nøglen til design i skala, så vi prioriterede det i vores produktkøreplan og udgav vores Team Library-beta langt tilbage i februar. Det var kun få måneder efter, at Figma blev lanceret for offentligheden. Siden da har mange virksomheder brugt funktionen til at designe på mere ensartede og effektive måder, og deres indsigt hjalp med at guide vores udviklingsproces til 1.0-versionen.

Da Figma er online og centraliseret, mener vi, at vi er unikke egnet til at hjælpe teams med at systematisere deres design. Alle projekter og dokumenter forbliver ajour ét sted uden at eksportere, synkronisere eller dele. Et Figma Team-bibliotek er en enkelt kilde til sandhed og danner det centrale fundament for et stabilt og levende designsystem.

Med Figma kan du stoppe:

  • Synkronisering med tredjepartsskytjenester bare for at bruge dit teams komponentbibliotek
  • At bede intet går galt med alle de værktøjer, du har hacket sammen for at bruge din virksomheds designsystem
  • Jagt efter den rigtige komponent som du spiller i verdens værste detektiv-serie

Når du offentliggør eller foretager ændringer til en delt komponent i Figma, kan du stole på, at alle med det samme ser den nye komponent i Teambiblioteket. Du vil også modtage en anmeldelse, når nogen anden opdaterer en komponent i en anden fil, og du kan beslutte, om ændringerne skal anvendes til dine egne tilfælde.

Før og efter: Teambibliotekets udvikling

Vi lancerede vores beta som en funktion med bare knogler med det formål at studere vores brugere for at forstå, hvad de mest har brug for. Vi indså hurtigt, at selv for en betaversion var vores originale Teambibliotek for simpelt. Faktisk var det ganske begrænsende for folk, der skubbede grænserne for designsystemer.

Team Library UI

Gammelt: I vores beta skal du bruge en pop-up igen og igen for at søge efter de komponenter, du har brug for. Hvis det ikke var trættende nok, gemte pop-up også dit lærred, så du ikke kunne foretage hurtige iterationer på dit design. UI-klunkiness bremsede designprocessen til en uudholdelig gennemgang.

Nyt: Nu er alle dit teams komponenter tilgængelige direkte ved siden af ​​dit design i en ny fane i venstre sidepanel, hvor du arbejder med dine lag. Når du har brug for en forekomst af en komponent, skal du bare trække den fra sidebjælken til dit design.

Tip: Skift hurtigt venstre sidebar-faner med alt + 1… 3

Derudover findes der en tredje fane i den venstre sidebjælke, hvor du kan se en oversigt over dine lokale komponenter. Det gør det lettere at offentliggøre dem på dit Teambibliotek, fordi du er i stand til at se nøjagtigt, hvad der vises på dit bibliotek, før du offentliggør nogle ændringer.

Dokumentation

Gamle: Designere har brug for måder at kommunikere komponentadfærd på, så deres teamkammerater ved, hvornår, hvorfor og hvordan man bruger bestemte elementer. I vores betaversion havde vi ikke plads til dokumentation, så den slags information, der blev afviklet strandet i Slack eller begravet i Google Docs i stedet for hvor den skulle være bundet til selve komponenten.

Ny: Nu med en valgt komponent kan du tilføje oplysninger om det i panelet til højre for egenskaber. Holdkammerater kan derefter se den komponentdokumentation, du oprettede, når de gennemser komponenter i Teambiblioteket.

Kategorisering

Gammel: En vigtig del af et fungerende designsystem er organisering. Vores betaversion af Teambibliotek tilladte kun kategorisering af komponenter efter fil, så tingene blev rodet.

Kategoriser efter ramme og gruppe i Team Library 1.0

Nyt: Nu kan du se dine komponenter organiseret efter gruppe og ramme i Teambiblioteket ud over fil. Hvis du f.eks. Samler alle dine knapkomponenter i en gruppe og navngiver den "Knapper", ser du miniaturebillederne vises sammen under "Knapper" i både fanerne Komponenter og Teambibliotek i den venstre sidebjælke.

Tip: Indstil baggrunden for en delt komponent ved at ændre den indeholdende rammes baggrundsfarve

Lær mere

Hvis du er nysgerrig efter at lære mere om Teambibliotek og de nye faneblade til sidefelt, har vi forberedt denne video, der går igennem alt i detaljer såvel som denne artikel i Hjælp, der beskriver alt hvad du har brug for at vide. Hvis du er ny på komponenter eller vil lære mere om dem, kan du kigge på denne artikel fra da vi først lancerede vores komponentfunktion.

Når design bliver mere integreret i store og små virksomheder, er behovet for kommunikation og formalisering af designprocessen vokset hurtigt. Vi håber, at Team Library 1.0 vil hjælpe teams med den kollaborative karakter af at opbygge sammenhængende produkter i skala.

En stor tak til alle, der støttede os gennem denne funktionsudviklingscyklus - din feedback inspirerede og definerede vores 1.0-vision.