Figma
khese e le 'ngoe bakeng sa pherekano ea chromatic
Sebopeho sena se sebetsa e le setshelo se tiileng, se nang le phapang e kgolo, se fanang ka taolo e felletseng ya pono ho dikahare tse hlahisitsweng ke mosebedisi. Motheo ke palete e tiileng ya #000000 ho isa ho #ffffff, e qobang meriti e menyenyane ya bohlooho ho emela phapang e kgolo ka ho fetisisa bakeng sa meedi ya mantlha le mongolo. Tatellano ya mongolo e itshetlehile hoo e ka bang ka botlalo hodima boholo le sebaka se matla sa ditlhaku tse mpe ho ena le diphetoho tsa mebala, e fetolang mela e meholo ya mongolo hore e be diboloko tse teteaneng tsa ditshwantsho. Mabaka a radius ya moedi a hlahisa karohano e kgolo: "dipekere" tsa ka ntle tsa 50px bakeng sa dikarolo tsa ho tsamaya tsa lefatshe di fapana ka boomo le dikhutlo tse kgolo tsa 0px tsa dikontenara tsa dikahare.
Meedi e thehilwe hodima meedi e feteletseng ya bophara bo boholo (1440px max) e bohareng ba sebaka sa pono mme e kenyelletsa dihlopha tse teteaneng tsa dikahare tse arotsweng ke sebaka se seholo sa macro-space (96-120px ya sebaka se sesweu pakeng tsa dikarolo). Mofuta wa "mohale" hangata o sebedisa gallery e sa lekanang ya ditshwantsho tse tshetlehilweng ka matla tlasa boloko ba UI bo phaphametseng, bo bohareng ka ho phethahetseng. Ka tlasa lesoba, tlhahisoleseding e latela hang-hang gridi e tiileng ya dikholomo tse nne e se nang margins, e foreimi ya dihlopha tse pheta-phetoang tsa dikarete, e eketsa bongata ba dintho ha e ntse e tlosa margins ho tloha foreiming.
Moralo oa pono o ipapisitse le liphetho tse shebaneng le mosebelisi. Litšoantšo li bontšoa e le lisekoere tse bataletseng, tse se nang foreimi kapa tse hasaneng, likotoana tse tšoanang, tse hopotsang lintho tsa 'mele, khahlanong le semelo se se nang letho. Litšoantšo ke mohloli o le mong feela oa 'mala webosaeteng. Ha ho na likarolo tsa lifoto tsa mokhoa oa bophelo kapa litšoantšo tse tloaelehileng tsa lik'hamphani—karolo e 'ngoe le e 'ngoe ea litšoantšo ke setšoantšo se nepahetseng, sa 'nete sa canvas ea dijithale, se sebetsang ka nako e le 'ngoe e le bopaki ba sehlahisoa le karolo ea mantlha ea botle.
Palete
Letšoao
- Context Action Violet
#4d49fc— Pitso ea mantlha ea ho nka khato e fumanehang sebakeng se le seng ka har'a liphanele tse nyane - 'mala o le mong o sitisang o hlalosa ntlha ea bohlokoa.
Lehlakore
- Absolute Canvas
#ffffff— Semelo sa leqephe, li-toolbar tse phaphametseng, metheo ea liphanele tse phahamisitsoeng. - Structural Ink
#000000— Fonte ea motheo, bokamorao ba konopo bo tiileng, meralo ea konopo. - Graphite Metadata
#595959— Sengoloa sa bobeli sa sengoli, mongolo o ka tlase o fumanehang sebakeng seo, boleng ba motshwari wa sebaka - Boundary Frame
#e2e2e2— Li-arolator tse poteletseng le meeli ea tšimo ea ho kenya e sa sebetseng. - Angular Teal
#33dfdf— Litlamorao tsa mekhabiso, litsupa tsa ho kenya le pono ea sesupa-tsela se sebetsang.
Mongolo oa mongolo
ho tloha ho 12 ho isa ho 72px · mehato e 6
- figmaSans — sebaka: Inter · meralo 320, 330, 340, 400, 450, 480, 520, 700 · Sesebelisoa se feto-fetohang se laolang ntho e 'ngoe le e 'ngoe ho tloha lihloohong tsa pontšo ho ea ho mabitso a ho tsamaea. Se hlahisa ponahalo e ikhethang ka ho fetola ho latela ha optical negative.
- figmaMono — sebaka: JetBrains Mono · meralo 400 · Li-microtag, ho latela li-coordinate, le li-overtone tsa tekheniki tse sebetsang haholo e le likarolo tsa sebopeho sa mosebelisi ho feta litaba.
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | teteaneng |
| Mohato oa motheo | 24px |
| Radiyo ea konopo | 8px |
| Radiyo ya karete | 12px |
| Meriti | che - meeli ho e-na le meriti |
| Pakeng tsa likarolo | 96-120px |
| Bophara ba leqephe | 1440px |
AI e tla haha websaete ea hau ka setaele sa Figma 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- Caldera — Besa mollo hodima lejwe la mokoetla le futhumetseng. Kanavase e tala, e futhumetse, mme karolo e nngwe le e nngwe ya lamunu e shebahala jwalo ka mashala a belang a hatelletsweng hodima metsi.
- Vercel — Terminal e hatisitsoeng pampiring e tšoeu
- Dylanbrouwer — Sebaka sa ho etsa thepa ea tšepe se sehlōhō ha letsatsi le likela
- Headspace — Sekhutlo sa bophelo bo botle se chabileng pampiring e futhumetseng
- WHOOP — Laboratori ea ts'ebetso bosiu - litafole tse tšoeu tsa laboratori ea kliniki tlas'a sekheo se setšo sa theatre, phallo e le 'ngoe e pherese ea motlakase
- (dot)connect — Setšoantšo sa boenjiniere ba Switzerland se nang le sekhechana se le seng sa mashala
- Together AI — Seteishene sa lipatlisiso pampiring ea leqhoa
- Vivid+Co — leseli la prismatic ka har'a obsidian
- Sequel — Ho shebella filimi ka poraefete ka mora lefifi ke lona feela lebone le mofuthu filiming e lefifi.
- v0 by Vercel — Ho taka ka lathe. Ho nepahala le ts'ebetso ke tsa bohlokoa haholo, 'me karolo e' ngoe le e 'ngoe e sebeletsa morero o hlakileng holim'a bokaholimo bo hloekileng, bo phethahetseng ka botekgeniki.
- ThoughtLab — Seemahale sa obsidian se nang le lets'oao le lefubelu. Kanavase ea lefeela le letšo, moo ntho e le 'ngoe feela e khubelu e tletseng ka kerekeng e kholo, e hatisitsoeng ka litlhaku tse kholo tse tšoeu, e leng setšoantšo se le seng sa chromatic.
- Dovetail — Moralo o ka tlas'a khoeli e ntšo—mela ea grafi e sa bonahaleng hantle, mongolo o mosoeu, ho benya ho pherese ho le hong