Figma
shax monochrome ah oo loogu talagalay fowdada chromatic
Is-dhexgalka wuxuu u shaqeeyaa sidii weel dhisme oo adag oo isbarbardhig sare leh, isagoo siinaya awood muuqaal oo dhammaystiran macluumaadka uu isticmaaluhu soo saaray. Saldhigga aasaasiga ah waa palette adag oo #000000 ah ilaa #ffffff, kaas oo ka fogeeya midabyo cawlan oo khafiif ah oo u janjeera isbarbardhigga ugu sarreeya ee xuduudaha aasaasiga ah iyo qoraalka. Kala sarreynta nooca qoraalka waxay ku salaysan tahay ku dhawaad gebi ahaanba cabbirka iyo kala fogaanshaha xarfaha taban ee gardarrada ah halkii laga isticmaali lahaa kala duwanaanshaha midabka, taasoo u beddeleysa khadadka waaweyn ee qoraalka baloogyo garaafyo cufan. Caqliga radius-ka xuduudaha wuxuu abuuraa kala duwanaansho cad: "ciddiyaha" dibadda ee 50px ee walxaha hagitaanka caalamiga ah si ula kac ah ayay ula barbar dhigaan geesaha 0px ee adag ee weelasha macluumaadka.
Hal-abuurku wuxuu ku salaysan yahay xuduudo aad u ballaaran oo ballaaran (1440px ugu badnaan) oo bartamaha u ah aragtida waxaana ku jira kooxo cufan oo macluumaad ah oo ay kala soocaan meel bannaan oo ballaaran (96-120px oo bannaan oo u dhexeeya qaybaha). Nooca "geesiga" badanaa wuxuu adeegsadaa sawir aan sinnayn oo sawirro ah oo si firfircoon ugu xiran baloog UI ah oo sabeynaya oo si fiican u dhex yaal. Hoosta laabka, macluumaadku wuxuu isla markiiba la jaan qaadayaa shabag afar tiir ah oo adag oo aan lahayn xuduudo, isagoo qaabeynaya kooxo kaararka ah oo soo noqnoqda, isagoo kordhinaya cufnaanta walxaha iyadoo meesha laga saarayo geesaha qaab-dhismeedka.
Naqshadeynta muuqaalku waxay ku salaysan tahay natiijooyinka diiradda saaraya isticmaalaha. Sawirrada waxaa lagu soo bandhigaa qaab afargeesle ah oo siman, aan lahayn qaab ama jajab kala firirsan, oo is dulsaaran, oo xasuusinaya walxaha muuqda, oo ka soo horjeeda muuqaal madhan oo muuqda. Sawirradu waa isha kaliya ee midabka ee bogga internetka. Ma jiraan walxo sawir qaab nololeed ah ama sawirro shirkadeed oo caadi ah - walax kasta oo sawireed waa sawir sax ah oo dhab ah oo shiraac dijitaal ah, oo isla mar ahaanta u shaqeynaya sidii caddeyn wax soo saar iyo walax bilicsan oo aasaasi ah.
Paleetka
Summada
- Context Action Violet
#4d49fc— Wicitaan hoose oo maxalli ah oo loogu talagalay ficilka gudaha guddiyada hoose - hal midab oo carqaladeynaya ayaa qeexaya barta diiradda la saarayo.
Dhexdhexaad
- Absolute Canvas
#ffffff— Bogga asalka ah, qalabka shaqada ee sabeynaya, saldhigyada guddiga ee kor loo qaaday. - Structural Ink
#000000— Farta aasaasiga ah, asalka badhanka adag, iyo dulmar badhanka ah. - Graphite Metadata
#595959— Qoraal labaad oo qoraal ah, qoraal hoose oo maxalli ah, qiimayaal meel-hayaha - Boundary Frame
#e2e2e2— Kala-soocyo qarsoon iyo xuduudo goob gelinta aan firfircoonayn. - Angular Teal
#33dfdf— Saamaynta qurxinta, tilmaamayaasha rarista iyo muuqaalka cursorka firfircoon.
Nooca qoraalka
laga bilaabo 12 ilaa 72px · 6 tallaabo
- figmaSans — beddelka: Inter · dulmar guud 320, 330, 340, 400, 450, 480, 520, 700 · Qalab caalami ah oo wax walba maamula laga bilaabo cinwaanada bandhigga ilaa calaamadaha navigation-ka. Waxay abuurtaa muuqaal gaar ah iyadoo wax ka beddelaysa raadraaca taban ee indhaha.
- figmaMono — beddelka: JetBrains Mono · dulmar guud 400 · Calaamadaha yaryar, raadraaca isku-dubbaridka, iyo tilmaamaha farsamada ee u shaqeeya sidii walxaha is-dhexgalka isticmaalaha halkii ay ka ahaan lahaayeen waxyaabaha ku jira.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | cufan |
| Tallaabada aasaasiga ah | 24px |
| Gacanka badhanka | 8px |
| Gacanka kaarka | 12px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 96-120px |
| Ballaca bogga | 1440px |
AI waxay website-kaaga ku dhisi doontaa qaabka Figma oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- Caldera — Dab ku shid dhagaxa nuuradda diirran. Shiraacu waa malaas ceeriin ah oo diirran, walax kasta oo liin ahina waxay u egtahay dhuxul qiiqaysan oo lagu riixay dusha sare.
- Vercel — Terminal lagu daabacay warqad cad
- Dylanbrouwer — Macdan arxan darro ah qorrax dhaca
- Headspace — Gees caafimaad oo qorax leh oo ku yaal warqad diiran
- WHOOP — Shaybaarka waxqabadka saqda dhexe - miisaska shaybaarka ee cadcad ee hoos yimaada madhan tiyaatar madow, hal garaac oo koronto guduudan ah
- (dot)connect — Sawir injineernimo oo Swiss ah oo leh hal gabal oo dhuxul ah
- Together AI — Qalabka cilmi-baarista ee warqadda barafka
- Vivid+Co — iftiin prismatic ah oo dhex mara obsidian
- Sequel — Shaashada gaarka ah ee mugdiga ka dib waa iftiinka kaliya ee diirran ee shineemo mugdi ah.
- v0 by Vercel — Sawiridda laambadaha. Saxnaanta iyo shaqadu waa muhiim, iyadoo walax kastaa ay u adeegto ujeedo cad oo saaran dusha nadiif ah oo farsamo ahaan kaamil ah.
- ThoughtLab — Taallo obsidian ah oo leh calaamad casaan ah. Shiraac madow oo madhan, halkaas oo shayga kaliya ee casaanka ah ee ku jira kaniisadda, oo lagu daabacay xarfo waaweyn oo cad, uu yahay hal sawir oo isku mid ah.
- Dovetail — Naqshad yar oo dayax madow hoostiis ah—khadadka garaafka oo aan si fudud loo arki karin, far cad, iyo hal dhalaal guduudan