Figma
chassis ye monochrome ye chromatic chaos
Iyo interface inoshanda semudziyo wakasimba, une musiyano mukuru, zvichipa simba guru rekuona zvirimo zvakagadzirwa nevashandisi. Iyo baseline i #000000 kusvika #ffffff palette yakasimba, iyo inodzivisa mithunzi midiki yegrey ichifarira musiyano mukuru wemiganhu yekutanga nemagwaro. Hierarchy yetypographic yakavakirwa zvakanyanya pahukuru uye aggressive negative letter spacing pane kusiyana kwemavara, ichishandura mitsara mikuru yemavara kuita dense graphic blocks. Pfungwa ye border radius inogadzira dichotomy yakaoma: "zvipikiri" zvekunze zve50px zvezvinhu zvekufamba pasi rose zvinosiyanisa nemaune nemakona e 0px akaomarara emidziyo yemukati.
Magadzirirwo acho akavakirwa pamiganhu yakanyanya yehupamhi (1440px max) iri pakati penzvimbo yekutarira uye inosanganisira mapoka makuru ezvinyorwa zvakaparadzaniswa nenzvimbo yakakura yehukuru (96-120px yenzvimbo chena pakati pezvikamu). Iyo archetype ye "hero" inowanzo shandisa gallery isina kufanana yemifananidzo yakasungirirwa pasi pebhuroko reUI rinoyangarara, rakanyatso tarisa. Pasi pechivharo, ruzivo runobva rwaenderana negridi yakasimba yemakona mana isina miganho, ichigadzira mapoka anodzokorora emakadhi, ichikwidziridza huwandu hwezvinhu uku ichibvisa miganho kubva pafuremu.
Dhizaini yekuona yakavakirwa pamhedzisiro inotarisa mushandisi. Mifananidzo inoratidzwa semasikweya akati sandara, asina furemu kana zvidimbu zvakapararira, zvinopindirana, zvichiyeuchidza zvinhu zvepanyama, padivi pechiso chisina chinhu. Mifananidzo ndiyo yega nzvimbo yemavara pawebhusaiti. Hapana zvinhu zvemifananidzo yemararamiro kana mifananidzo yemakambani yakajairika—chinhu chimwe nechimwe chemifananidzo mufananidzo chaiwo, chaiwo wekanzuru yedhijitari, inoshanda panguva imwe chete seuchapupu hwechigadzirwa uye chinhu chikuru chekunaka.
Palette
Rudzi
- Context Action Violet
#4d49fc— Kudanwa kwekutanga kwekuita chiito mukati memapaneru madiki - ruvara rumwe chete runoparadzanisa runotsanangura nzvimbo yakatarisana.
Kwakarerekera
- Absolute Canvas
#ffffff— Kumashure kwepeji, maturusi anoyangarara, mabhesi epaneru akasimudzwa. - Structural Ink
#000000— Mafonti ekutanga, kumashure kwemabhatani akasimba, marongerwo emabhatani. - Graphite Metadata
#595959— Rugwaro rwechipiri rwemunyori, subtext yakavakirwa panzvimbo, kukosha kwenzvimbo - Boundary Frame
#e2e2e2— Zviparadzanisi zvisinganzwisisike uye miganhu yeminda yekuisa isina kushanda. - Angular Teal
#33dfdf— Migumisiro yekushongedza, zviratidzo zvekurodha uye active cursor visualization.
Kunyora
kubva pa12 kusvika pa72px · nhanho 6
- figmaSans — kutsiva: Inter · marongero 320, 330, 340, 400, 450, 480, 520, 700 · Chishandiso chinoshandiswa zvakasiyana-siyana chinotarisira zvese kubva pamazita ekuratidzira kusvika kune ma navigation labels. Chinogadzira chitarisiko chakasiyana nekuchinja optical negative tracking.
- figmaMono — kutsiva: JetBrains Mono · marongero 400 · Microtags, coordinate tracking, uye technical overtones dzinoshanda zvakanyanya se user interface pane se content.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 24px |
| Radiyo yebhatani | 8px |
| Nharaunda yekadhi | 12px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 96-120px |
| Upamhi hwepeji | 1440px |
AI ichavaka webhusaiti yako nenzira ye Figma uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Caldera — Pisa moto padombo remestone rinodziya. Kanivhasi yacho haina kubikwa, inodziya, uye chinhu chega chega cheorenji chinoita semarasha anopfungaira akadzvanywa pamusoro.
- Vercel — Terminal yakadhindwa papepa jena
- Dylanbrouwer — Nzvimbo yekugadzira zvinhu zvine hutsinye pakunyura kwezuva
- Headspace — Kona yezuva ine hutano papepa rinodziya
- WHOOP — Labhoritari yekushanda pakati pehusiku - matafura machena elabhoritari yekiriniki pasi penzvimbo nhema yemitambo, kupenya kwemagetsi kwepepuru kamwe chete
- (dot)connect — Mufananidzo weinjiniya wekuSwitzerland une chidimbu chimwe chete chemarasha
- Together AI — Koni yekutsvagisa papepa rechando
- Vivid+Co — chiedza cheprismatic kuburikidza neobsidian
- Sequel — Kuratidzwa kwepachivande kana kwasviba ndiyo chete mwenje unodziya mubhaisikopo rine rima.
- v0 by Vercel — Kudhirowa kwelathe. Kunyatsoshanda zvakanaka uye kunyatsoshanda zvakanaka ndizvo zvinonyanya kukosha, chinhu chimwe nechimwe chiine basa rakajeka panzvimbo yakachena uye yakakwana.
- ThoughtLab — Chifananidzo cheobsidian chine chiratidzo chetsvuku. Kanivhasi yechinhu chisina chinhu chitema, uko chinhu chega chitsvuku chakazara muchechi huru, chakanyorwa nemabhii machena makuru, chiri chifananidzo chimwe chete chechromatic.
- Dovetail — Purani iri pasi pemwedzi mutema—mitsara yemagirafu isinganyatsooneki, fonti chena, kupenya kwepepuru kumwe chete