Figma
ishasi elinombala ofanayo le-chromatic chaos
I-interface isebenza njengesitsha esiqinile, esinomehluko omkhulu, esinikeza ukubusa okuphelele kokuqukethwe okukhiqizwe ngumsebenzisi. Isisekelo siyi-palette eqinile #000000 kuya ku-#ffffff, egwema imibala emincane empunga esikhundleni sokungafani okuphelele kwemingcele eyinhloko nombhalo. Ukuhlelwa kwe-typographic kusekelwe cishe ngokuphelele kusayizi kanye nesikhala sohlamvu olubi olunamandla kunokwehluka kombala, okuguqula imigqa emikhulu yombhalo ibe amabhlogo ezithombe aminyene. Umqondo we-border radius udala i-dichotomy eqinile: "izipikili" zangaphandle ezingama-50px zezinto zokuzulazula zomhlaba wonke ziqhathaniswa ngamabomu namakhona aqinile angama-0px eziqukathi zokuqukethwe.
Ukwakheka kusekelwe emingceleni yobubanzi obukhulu kakhulu (ubukhulu obungu-1440px) ehlanganisa i-viewport futhi ifaka amaqoqo aminyene okuqukethwe ahlukaniswe isikhala esikhulu se-macro (96-120px yesikhala esimhlophe phakathi kwezigaba). Uhlobo "lweqhawe" luvame ukusebenzisa igalari engalingani yezithombe eziboshwe ngokuguquguqukayo ngaphansi kwebhulokhi ye-UI entantayo, ephakathi nendawo ngokuphelele. Ngaphansi kokugoqwa, ulwazi luhambisana ngokushesha negridi eqinile yamakholomu amane engenamamaji, luhlela amaqoqo aphindaphindayo amakhadi, lukhulisa ubuningi bezinto ngenkathi lususa amamaji kufreyimu.
Umklamo obonakalayo usekelwe emiphumeleni egxile kumsebenzisi. Izithombe ziboniswa njengezikwele eziyisicaba, ezingenafreyimu noma izingcezu ezihlakazekile, ezihambisanayo, ezikhumbuza izinto ezibonakalayo, ngemuva okungenalutho. Izithombe ziwukuphela komthombo wombala kuwebhusayithi. Azikho izinto zezithombe zendlela yokuphila noma imifanekiso ejwayelekile yenkampani—into ngayinye enemifanekiso iyisithombe esiqondile, esingokoqobo sekhanvasi yedijithali, esebenza ngasikhathi sinye njengobufakazi bomkhiqizo kanye nesici esiyinhloko sobuhle.
Iphalethi
Umkhiqizo
- Context Action Violet
#4d49fc— Ukubizelwa esenzweni okuyinhloko okusendaweni ngaphakathi kwamaphaneli amancane - umbala owodwa ophazamisayo uchaza indawo egxile kuyo.
Okungathathi hlangothi
- Absolute Canvas
#ffffff— Ingemuva lekhasi, amabha wamathuluzi antantayo, izisekelo zamaphaneli eziphakanyisiwe. - Structural Ink
#000000— Ifonti eyisisekelo, ingemuva lenkinobho eqinile, uhlaka lwenkinobho. - Graphite Metadata
#595959— Umbhalo wesibili wombhali, umbhalo ongezansi wendawo, amanani esibambi sendawo - Boundary Frame
#e2e2e2— Abahlukanisi abacashile kanye nemingcele yensimu yokufaka engasebenzi. - Angular Teal
#33dfdf— Imiphumela yokuhlobisa, izinkomba zokulayisha kanye nokuboniswa kwesikhombisi esisebenzayo.
Ukuthayipha
kusukela ku-12 kuya ku-72px · izinyathelo ezi-6
- figmaSans — esikhundleni: Inter · izinhlaka 320, 330, 340, 400, 450, 480, 520, 700 · Ithuluzi elisebenziseka kalula eliphatha yonke into kusukela ezihlokweni zokubonisa kuya kumalebula okuzulazula. Lidala ukubukeka okuhlukile ngokushintsha ukulandelela okungabonakali okungalungile.
- figmaMono — esikhundleni: JetBrains Mono · izinhlaka 400 · Ama-Microtag, ukulandelela okuqondile, kanye nama-overtones obuchwepheshe asebenza kakhulu njengezakhi zesixhumi esibonakalayo somsebenzisi kunokuqukethwe.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | minyene |
| Isinyathelo esiyisisekelo | 24px |
| Irediyasi yenkinobho | 8px |
| Irediyasi yekhadi | 12px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 96-120px |
| Ububanzi bekhasi | 1440px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Figma futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- Caldera — Faka umlilo phezu kwetshe elifudumele. Indwangu iluhlaza, i-plaster efudumele, futhi into ngayinye e-orange ibukeka njengamalahle ashayo acindezelwe ebusweni.
- Vercel — Itheminali ephrintiwe ephepheni elimhlophe
- Dylanbrouwer — Indawo yokubumba izinto ezinonya ekushoneni kwelanga
- Headspace — Ikona lempilo elikhanyayo ephepheni elifudumele
- WHOOP — Ilebhu yokusebenza phakathi kwamabili - amatafula amhlophe elebhu yezokwelapha ngaphansi kwesikhala esimnyama semidlalo yaseshashalazini, ukushaya okukodwa okunsomi kukagesi
- (dot)connect — Umdwebo wobunjiniyela baseSwitzerland onengxenye eyodwa yamalahle
- Together AI — Ikhonsoli yocwaningo ephepheni leqhwa
- Vivid+Co — ukukhanya kwe-prismatic ngokusebenzisa i-obsidian
- Sequel — Ukuboniswa kwangasese ngemva kobumnyama yikona kuphela ukukhanya okufudumele ebhayisikobho emnyama.
- v0 by Vercel — Ukudweba nge-lathe. Ukunemba nokusebenza kubaluleke kakhulu, lapho into ngayinye isebenzela injongo ecacile endaweni ehlanzekile nephelele ngokobuchwepheshe.
- ThoughtLab — Isikhumbuzo se-obsidian esinophawu olubomvu. Indwangu emnyama engenamuntu, lapho okuwukuphela kwento ebomvu egcwele esontweni elikhulu, ephrintiwe ngezinhlamvu ezinkulu ezimhlophe, kuyisithombe esisodwa se-chromatic.
- Dovetail — Umdwebo ongaphansi kwenyanga emnyama—imigqa yegrafu engabonakali kahle, ifonti emhlophe, ukukhanya okumpunga okukodwa