Flash DSM - Genome na zane da wakilanku ke gini da shi.

Ku tsara tushenku, kowane ɓangare da module za su bi. Genome ɗin zane ya san inda kowannensu yake da abin da zai motsa idan ya canja.

Ku bar Figma. Ku fara da tsarin zane.

An gina Figma, da duk kayan aikin da ke farawa daga zane a kan allo, don zana hoton tsarin zane, ba don gina shi ba. Kuna fara zana hoto, sannan ku yi ƙoƙarin gano tsarin da ke ƙarƙashinsa, ku fitar da code da ba ya taɓa daidaita da shi sosai. Flash ya juya lamarin: ku gina tsarin tukuna, ku tafi kai tsaye zuwa code da ke daidai. Kuma saboda na'ura na iya karanta tsarin, yana kuma zama shinge ga duk abin da kayan aikin AI ɗinku suka ƙirƙira.

Launi, rubutu, tazara, ɓangarori - duk a haɗe.

Ku ba Flash bayani, URL ko fayil na Figma, zai yanka muku fasali: cikakkun matakan launi a jigogi biyu, font biyu masu dacewa, tazara, lanƙwasa, motsi, da ɓangarorin da ke nuni zuwa gare su. Wannan mafari ne, ba sakamakon ƙarshe ba. Sakamakon shi ne abin da kuka yi da shi a cikin edita.

Bayyana shi

Rubuta prompt, liƙa URL na shafi mai rai, ko haɗa fayil na Figma. Ko ta wace hanya, Flash zai fitar da DNA na zanen.

Mayar da shi naku

Flash zai kafa cikakkun matakan token - launuka a haske da duhu, font biyu, tazara, lanƙwasa, inuwa, motsi - ku kuma ku gyara su a wurinsu. Ku sauya font, ku sake daidaita mataki, ku cire zaɓin da ba ku yarda da shi ba.

Fitar da shi

Fitar da CSS variables, Tailwind config ko Tokens Studio JSON. Ku tura kai tsaye zuwa GitHub.

• Ana fitar da DNA na alama
• Ana gina matakan launi
• Ana haɗa salon rubutu
• Ana tsara tazara da lanƙwasa
• Ana daidaita motsi da tasiri
• Ana haɗa ɓangarori

+ ɓangarori 8–14 na fanninku, a haɗe da token

Fasali ɗaya. Duk yadin da kuke so.

Fasalin tela yana riƙe da girma da ɗinki. Ba ya taɓa riƙe launin yadi. Wannan rarrabuwar ce ke bari tsari ɗaya ya tufatar da kamfani gaba ɗaya.

Fasalin da kowa ke amfani da shi

Tsari shi ne ɓangaren da bai kamata ya bambanta ba: abin da aka gina kati da shi, yadda maɓalli ke ba rubutunsa tazara, waɗanne yanayi ke akwai. Flash yana ajiye shi a wuri ɗaya, don haka kowace manhaja na yanke daga siffa ɗaya.

Yadin da kowace manhaja ke zaɓa

Launi, rubutu, lanƙwasa, motsi. Jigo yana zaune a kan tsarin kuma ana iya sauya shi ba tare da taɓa tsarin ba, don haka ƙungiya ɗaya na iya bambanta gaba ɗaya da ta gaba, amma su raba kowane ɓangare.

Dalilin da ya sa tsare-tsare ke tsayawa

Ku fitar da ɓangaren da shi ma shuɗi ne na musamman, sai ƙungiya ta gaba ta ce wannan ba shuɗinmu ba ne, ta rubuta nata. Bayan wata biyu kuna kula da tsare-tsare biyu. Raba yadin daban shi ne ke hana hakan.

Shin tsarin zane na mayar da aiki iri ɗaya?

Yana warware abubuwan da bai kamata kowa ya sake yanke hukunci a kansu ba, kuma hakan ne ke barin wuri ga abubuwan da ku kaɗai za ku iya yi.

Kowane tsarin zane na musamman ne

Flash ba ya ba ku samfuri. Tushe, ɓangarori da module - duk an gina su don su dace da alamarku, ba alamarku ta dace da su ba.

Salonku na kanku

Ku ne ke ayyana launuka, rubutu da tazara - ba a taɓa ɗauka daga jerin launukan da aka riga aka tsara ba.

Zane, tasiri da motsi

Zane-zane, tasiri, motsi da sauye-sauye na cikin tsarin, ba ƙari na lokaci ɗaya da aka manna a allo ɗaya ba.

Ɓangarori da module, yadda kuke so

Gina sabbin ɓangarori da module da suka dace da hangen manhajarku. Flash ba ya takura ku a kan tarin da aka ƙayyade.

Babu tambarin abokan ciniki tukuna.

Flash sabo ne, kuma tattara yabo abu ne mai sauƙi. Ga abubuwa uku da za ku iya dubawa da kanku kafin ku biya ko sisi.

Buɗe misalai

Kowane tsari a wannan shafi a buɗe yake ga kowa. Buɗe ɗaya, karanta token ɗin da ya samar, kwafa shi zuwa asusunku ku warware shi. Babu ko ɗaya da ke hoto kawai.

Ɗauki fayilolin ku tafi

Fitarwa su ne tokens.css, Tailwind config da Tokens Studio JSON: fayiloli masu sauƙi da za ku iya rubutawa da hannu. Za su ci gaba da aiki ko muna nan ko ba ma nan.

Karanta kwanakin

Kowane gyara da kowane sabon fasali an rubuta shi tare da ranar da aka fitar da shi. Idan aiki ya yi sanyi, za ku gani a nan kafin kowa ya faɗa muku.

Kuna da tambaya?

Menene Flash?

Flash kayan aiki ne na gina tsarin zane. Daga prompt, URL na shafi mai rai ko fayil na Figma, yana kafa cikakken tsarin token - matakan launi a haske da duhu, font biyu masu dacewa, tazara, lanƙwasa, inuwa, motsi - tare da ɓangarorin fanninku da aka haɗa da waɗannan token. Kuna gyarawa, sannan ku fitar da CSS, Tailwind, Tokens Studio JSON, ko ku tura zuwa GitHub.

Me ya sa masu gini da AI ke buƙatar tsarin zane?

Kayan aiki kamar Lovable, v0 da Bolt na ƙirƙirar allo da sauri, amma kowane sabon prompt na ƙirƙirar launukansa da tazararsa sai dai idan wani abu ya ɗaure su. Tsarin zane shi ne wannan matakin dokoki: ku ba waɗannan kayan aiki token da na'ura ke iya karantawa, sakamakon zai ci gaba da bin alamarku, ya kiyaye bambancin da kowa zai iya karantawa, ya kuma dace da code da kuka riga kuka fitar. Flash na gina wannan matakin kuma yana ba da shi a nau'o'in da suke karantawa - kit.md, fayilolin token, da MCP.

Flash na wane ne?

Injiniyoyin zane - su kaɗai ko a ƙungiya - da ke kula da ingancin UI amma ba su da lokacin sa ido kan tsarin zane. An kuma gina shi don ƙungiyoyin masu haɓaka manhaja masu sauri da ke buƙatar tsarin da zai iya tafiya da saurinsu.

Flash kyauta ne?

Eh, don farawa. Kowane asusu na gina Genome ɗaya, wato tsarin zane ɗaya da duk abin da ke karantawa daga gare shi, kyauta kuma ba tare da kati ba. Pro, Team da Studio suna ƙara jawo module, daidaita sabuntawa, Genome na tare da miƙa wa abokin ciniki - duba shafin Farashi don ganin abin da ke kowane shiri.

Zan iya shigo da zane-zanen da nake da su?

Haɗa fayil na Figma, liƙa URL na kowane shafi mai rai, ko ku jawo daga GitHub da Storybook. Flash zai fitar da DNA na zanen da ke akwai ya mayar da shi token masu tsari da za a iya gyarawa.

Flash na daidaita da Figma da code ɗina?

Ga abin da ke aiki a yau: shigo da daga Figma, URL ko code; fitar da CSS, Tailwind da Tokens Studio JSON; tura zuwa GitHub; aika variables zuwa Figma ta plugin na Flash. Daidaitawa mai zurfi ta hanyoyi biyu - canje-canje na dawowa da kansu daga code da Figma - na kan hanya, kuma mun gwammace mu yi alƙawari ƙasa da haka da mu yi kamar ya kammala.

Me zan iya fitarwa?

Nau'o'in fayil da ke shirye don amfani na gaske: tokens.css mai CSS custom properties, ƙarin tailwind.config.js, Tokens Studio JSON da ke tafiya ya dawo da Figma, da bayanan ɓangarori. Kuna kuma iya tura kai tsaye zuwa GitHub.

Yana ƙirƙirar code na gaske da za a iya amfani da shi?

Fitarwar su ne CSS variables da token na Tailwind da za ku rubuta da hannu, a shirye don shiga code ɗinku. Babu runtime na mallaka, babu ɗauri.

Ta yaya Flash ya bambanta da masu ƙirƙirar UI da AI?

Masu ƙirƙirar allo na ba ku hotunan misali. Flash na ba ku tsarin da ke ƙarƙashinsu: matakai masu daidaito, token masu ma'ana, yanayin launi biyu da ɓangarorin da ke nuni zuwa token maimakon ƙimomin da aka rubuta kai tsaye - don duk abin da kuka gina daga baya ya ci gaba da daidaito.

Abin da Flash ya ƙirƙira nawa ne?

Gaba ɗaya. Kowane token, bayanin ɓangare da fitarwa naku ne - ku yi amfani da su a aikin abokan ciniki, manhajojin kasuwanci, ko kayan aikin zanenku.