Figma
chassis monochrome ho an'ny korontana chromatic
Miasa toy ny fitoeran-javatra ara-drafitra hentitra sy mifanohitra avo lenta ny interface, izay manome fifehezana hita maso tanteraka ho an'ny votoaty novokarin'ny mpampiasa. Ny fototra dia paleta hentitra #000000 hatramin'ny #ffffff, izay misoroka ny alokaloka volondavenona malefaka mba hahazoana fifanoherana ambony indrindra ho an'ny sisiny voalohany sy ny lahatsoratra. Ny ambaratongam-pahefana amin'ny tipografika dia mifototra amin'ny habeny sy ny elanelan'ny litera ratsy mahery vaika fa tsy ny fiovaovan'ny loko, ka manova ny andalana lahatsoratra lehibe ho lasa sakana sary matevina. Ny lojikan'ny radius sisintany dia mamorona dikotomia mazava: ny "fantsika" ivelany 50px ho an'ny singa fitetezana manerantany dia mifanohitra an-tsitrapo amin'ny zorony 0px mazava amin'ny fitoeran-javatra votoaty.
Mifototra amin'ny sisiny ambony indrindra (1440px ambony indrindra) eo afovoan'ny viewport ny sangan'asa ary ahitana vondrona votoaty matevina misaraka amin'ny habaka macro malalaka (96-120px elanelana fotsy eo anelanelan'ny fizarana). Ny archetype "hero" matetika dia mampiasa galerian-tsary tsy mitovy habe mifatotra eo ambanin'ny sakana UI mitsingevana sy afovoany tsara. Eo ambanin'ny vala, ny fampahalalana dia mifanaraka avy hatrany amin'ny grid misy tsanganana efatra tsy misy sisiny, mandravaka ireo vondrona karatra miverimberina, mampitombo ny hakitroky ny zavatra sady manala ny sisiny amin'ny frame.
Mifototra amin'ny vokatra mifantoka amin'ny mpampiasa ny endrika hita maso. Aseho amin'ny endrika efamira fisaka tsy misy rindrina na sombin-javatra miparitaka sy mifanindry ny sary, izay mampahatsiahy zavatra ara-batana, miaraka amin'ny endrika tsy misy na inona na inona. Ny sary no hany loharanon'ny loko ao amin'ny tranonkala. Tsy misy singa sary momba ny fomba fiaina na sary mahazatra an'ny orinasa—ny singa sary tsirairay dia sary mazava tsara sy ara-bakiteny amin'ny lamba nomerika, miasa miaraka amin'ny maha-porofo ny vokatra azy sy singa ara-estetika voalohany azy.
faritra,
Marika
- Context Action Violet
#4d49fc— Antso voalohany eo an-toerana ho amin'ny hetsika ao anatin'ny zana-panel - loko iray mampiato no mamaritra ny teboka ifantohana.
tsy miandany
- Absolute Canvas
#ffffff— Afara pejy, bara fitaovana mitsingevana, fotony tontonana natsangana. - Structural Ink
#000000— Endri-tsoratra fototra, ambadika bokotra matanjaka, drafitra bokotra. - Graphite Metadata
#595959— Lahatsoratra faharoa nosoratana, lahatsoratra eo an-toerana, sanda solon-toerana - Boundary Frame
#e2e2e2— Mpanasaraka malina sy sisin-tany fidirana tsy miasa. - Angular Teal
#33dfdf— Vokatra haingon-trano, famantarana ny entana ary fanehoana an-tsary ny kisary mavitrika.
Tipografia
manomboka amin'ny 12 ka hatramin'ny 72px · dingana 6
- figmaSans — fanoloana: Inter · drafitra 320, 330, 340, 400, 450, 480, 520, 700 · Fitaovana azo ampiasaina amin'ny zavatra maro izay mitantana ny zava-drehetra manomboka amin'ny lohatenin'ny fampisehoana ka hatramin'ny marika fitetezana. Mamorona endrika miavaka amin'ny alàlan'ny fanovana ny fanaraha-maso optika négatif izy io.
- figmaMono — fanoloana: JetBrains Mono · drafitra 400 · Microtags, fanaraha-maso ny fandrindrana, ary lafiny ara-teknika izay miasa bebe kokoa ho singa interface tsara ho an'ny mpampiasa fa tsy ho votoaty.
Elanelana sy endrika
| Zava-kendreny | HEVITRY |
|---|---|
| hakitroky | mikitroka |
| Dingana fototra | 24px |
| Savaivony bokotra | 8px |
| Savaivony karatra | 12px |
| aloka | tsy misy sisiny fa tsy aloka |
| Eo anelanelan'ny fizarana | 96-120px |
| Sakany pejy | 1440px |
Hanangana ny tranonkalanao amin'ny fomba Figma ny AI ary hameno azy
- Fenoy vokatra sy lahatsoratra amin'ny alàlan'ny rohy - Instagram, TikTok, Facebook.
- Afindrao ny votoaty avy amin'ny tranonkalanao taloha—farito fotsiny ny adiresy.
- Endrika maoderina amin'ny motera tsara indrindra: React ( Next.js) miaraka amin'ny rendering mpizara sy fanatsarana SEO efa misy.
- Fanatsarana SEO mandeha ho azy tanteraka ho an'ny valin'ny fikarohana sy ny tolo-kevitra momba ny tambajotra neural.
Endrika mitovy
- Caldera — Manaova afo eo amin'ny vatosokay mafana. Sosona mafana sy manta ny lamba, ary ny singa volomboasary tsirairay dia toa vainafo mirehitra voatsindry eo amboniny.
- Vercel — Terminal vita pirinty amin'ny taratasy fotsy
- Dylanbrouwer — Orinasa mpanao vy ratsy fanahy amin'ny filentehan'ny masoandro
- Headspace — Zorony ara-pahasalamana mahafinaritra eo ambony taratasy mafana
- WHOOP — Laboratoara fampisehoana amin'ny misasakalina - latabatra laboratoara klinika fotsy eo ambanin'ny banga mainty eo amin'ny teatra, fitempon'ny herinaratra volomparasy tokana
- (dot)connect — Sary injeniera soisa misy arina tokana
- Together AI — Fitaovana fikarohana eo amin'ny taratasy glasy
- Vivid+Co — hazavana prismatika amin'ny alalan'ny obsidian
- Sequel — Ny fandefasana sarimihetsika manokana rehefa maizina ny andro no hany hazavana mafana ao amin'ny sinema maizina raha tsy izany.
- v0 by Vercel — Sary amin'ny milina fanodinana metaly. Ny fahamarinan-toerana sy ny fahaiza-miasa no tena ilaina, satria ny singa tsirairay dia manana ny anjara asany mazava tsara eo amin'ny toerana madio sy tonga lafatra ara-teknika.
- ThoughtLab — Tsangambato obsidian misy marika mena midorehitra. Lambam-pandriana mainty tsy misy na inona na inona, izay ahitana ny hany zavatra mena midorehitra ao amin'ny katedraly, vita pirinty amin'ny litera fotsy lehibe, dia sary tokana miloko marevaka.
- Dovetail — Drafitra eo ambanin'ny volana mainty—tsipika grafika zara raha hita, soratra fotsy, famirapiratana volomparasy iray