Figma
ẹnjini monochrome fun rudurudu chromatic
Àwòrán ìfọwọ́sowọ́pọ̀ náà ń ṣiṣẹ́ gẹ́gẹ́ bí àpótí ìṣètò tó lágbára, tó ní ìyàtọ̀ gíga, tó sì ń fún àkóónú tí olùlò ń ṣe ní agbára ìríran pátápátá. Ìpìlẹ̀ náà jẹ́ palette #000000 tó lágbára sí #ffffff, èyí tó yẹra fún àwọn àwọ̀ ewé tó kéré gan-an láti fa ìyàtọ̀ tó ga jùlọ fún àwọn ààlà àkọ́kọ́ àti ọ̀rọ̀. Ìṣètò ìkọ̀wé dá lórí ìwọ̀n àti àlàfo lẹ́tà òdì dípò ìyàtọ̀ àwọ̀, èyí tó ń yí àwọn ìlà ńlá ti ọ̀rọ̀ padà sí àwọn bulọ́ọ̀kì onípele. Ìlànà radius border creates a strike dichotomy: àwọn "èékánná" òde 50px fún àwọn èròjà ìlọ kiri àgbáyé fi ìyàtọ̀ hàn pẹ̀lú àwọn igun 0px tó lágbára ti àwọn àpótí ìkọ̀wé.
Àwọn àkójọpọ̀ náà dá lórí àwọn ààlà tó ga jùlọ (1440px max) tó wà ní àárín ojú ìwòran, wọ́n sì ní àwọn àkójọpọ̀ akoonu tó pọ̀ tí a yà sọ́tọ̀ nípasẹ̀ ààyè ńlá (96-120px ti ààyè funfun láàrín àwọn apá). Àwòrán "akọni" sábà máa ń lo àwòrán tí kò ní ìbáramu ti àwọn àwòrán tí a so mọ́ ara wọn lábẹ́ àpò UI tó ń léfòó, tó sì wà ní àárín gbùngbùn dáadáa. Ní ìsàlẹ̀ ìtẹ̀sí náà, ìwífún náà máa ń bá àkójọpọ̀ onígun mẹ́rin tí kò ní ààlà mu lẹ́sẹ̀kẹsẹ̀, ó máa ń ṣe àkójọpọ̀ àwọn káàdì tó ń tún ara wọn ṣe, ó sì máa ń mú kí ìwọ̀n ohun pọ̀ sí i nígbà tí ó ń yọ àwọn ààlà kúrò nínú férémù náà.
Apẹẹrẹ àwòrán náà dá lórí àwọn àbájáde tí àwọn olùlò fojú sí. A máa ń fi àwọn àwòrán hàn bí onígun mẹ́rin tí ó tẹ́jú, tí kò ní frame tàbí àwọn ègé tí ó fọ́nká, tí ó jọra, tí ó jọ àwọn ohun tí a lè fojú rí, ní ìsàlẹ̀ tí ó ṣófo. Àwọn àwòrán ni orísun àwọ̀ kan ṣoṣo lórí ojú-òpó wẹ́ẹ̀bù náà. Kò sí àwọn ohun èlò fọ́tò ìgbésí ayé tàbí àwọn àwòrán ilé-iṣẹ́ tí ó wọ́pọ̀—ẹ̀yà àwòrán kọ̀ọ̀kan jẹ́ àwòrán pípéye, ti àwòrán oní-nọ́ńbà kan, tí ó ń ṣiṣẹ́ ní àkókò kan náà gẹ́gẹ́ bí ẹ̀rí ọjà àti ohun èlò ẹwà pàtàkì.
Paleti
Orúkọ ọjà
- Context Action Violet
#4d49fc— Ipe akọkọ ti a ṣe ni agbegbe si igbese laarin awọn panẹli kekere - awọ idamu kan ṣoṣo ṣalaye aaye ifojusi.
Dídúróṣinṣin
- Absolute Canvas
#ffffff— Ẹ̀yìn ojú ìwé, àwọn irinṣẹ́ tó ń léfòó, àwọn ìpìlẹ̀ pánẹ́lì tó ga sókè. - Structural Ink
#000000— Fọ́tì ìpìlẹ̀, ẹ̀yìn bọ́tìnì tó lágbára, àkójọ bọ́tìnì. - Graphite Metadata
#595959— Ọ̀rọ̀ ìkọ̀wé kejì, ọ̀rọ̀ ìsàlẹ̀ agbègbè, àti àwọn iye ìpamọ́ - Boundary Frame
#e2e2e2— Àwọn ìpínyà díẹ̀díẹ̀ àti àwọn ààlà àyè ìtẹ̀wọlé aláìṣiṣẹ́. - Angular Teal
#33dfdf— Àwọn ipa ohun ọ̀ṣọ́, àwọn àmì ìfikún àti ìwòran kọ́sọ̀ tí ń ṣiṣẹ́.
Ìtẹ̀wé
láti 12 sí 72px · Àwọn ìgbésẹ̀ 6
- figmaSans — rirọpo: Inter · awọn ilana apẹrẹ 320, 330, 340, 400, 450, 480, 520, 700 · Ohun èlò tó wúlò gan-an tó ń ṣàkóso ohun gbogbo láti àwọn àkọlé ìfihàn títí dé àwọn àmì ìtọ́sọ́nà. Ó ṣẹ̀dá ìrísí àrà ọ̀tọ̀ nípa ṣíṣe àtúnṣe ìtọ́sọ́nà òdì ojú.
- figmaMono — rirọpo: JetBrains Mono · awọn ilana apẹrẹ 400 · Àwọn àmì kékeré, ìtọ́pinpin ìṣàfihàn, àti àwọn ìṣàfihàn ìmọ̀ ẹ̀rọ tí ó ń ṣiṣẹ́ gẹ́gẹ́ bí àwọn èròjà ìfọwọ́sowọ́pọ̀ olùlò ju àkóónú lọ.
Àárín àti ìrísí
| Ète | Ìtumọ̀ |
|---|---|
| Ìwọ̀n | pọn |
| Igbesẹ ipilẹ | 24px |
| Rọ́díọ̀sì bọ́tìnì | 8px |
| rédíọ̀sì káàdì | 12px |
| Àwọn òjìji | kò sí - àwọn ààlà dípò àwọn òjìji |
| Láàárín àwọn ẹ̀ka | 96-120px |
| Fífẹ̀ ojú ìwé | 1440px |
AI yóò kọ́ ojú òpó wẹ́ẹ̀bù rẹ ní ọ̀nà Figma yóò sì kún ún
- Kún àwọn ọjà àti ìfiránṣẹ́ nípasẹ̀ ìjápọ̀ náà - Instagram, TikTok, Facebook.
- Gbe akoonu lati oju opo wẹẹbu atijọ rẹ—kan sọ adirẹsi naa.
- Apẹẹrẹ ode oni lori ẹrọ ti o dara julọ: React ( Next.js) pẹlu ifihan olupin ati iṣapeye SEO kuro ninu apoti.
- Iṣapeye SEO adaṣe ni kikun fun awọn abajade wiwa ati awọn iṣeduro nẹtiwọọki neural.
Àwọn àṣà tó jọra
- Caldera — Ṣe iná sí orí òkúta líméèlì gbígbóná. Àwòrán náà jẹ́ pílásítà gbígbóná tí kò ní ìwúwo, gbogbo ohun ọ̀ṣọ́ ọsàn sì dàbí iná èéfín tí a tẹ̀ mọ́ ojú rẹ̀.
- Vercel — Ẹ̀rọ ìtẹ̀wé lórí ìwé funfun tí a tẹ̀ jáde
- Dylanbrouwer — Ilé ìṣọ́ ẹranko oníwà ìkà ní wíwọ̀ oòrùn
- Headspace — Igun ilera ti oorun lori iwe gbona
- WHOOP — yàrá ìṣeré ní òru - àwọn tábìlì yàrá ìṣègùn funfun lábẹ́ òfo dúdú kan nínú eré ìtàgé, ìlù iná mànàmáná aláwọ̀ elése kan ṣoṣo
- (dot)connect — Àwòrán onímọ̀ ẹ̀rọ ti ilẹ̀ Switzerland pẹ̀lú ègé èédú kan ṣoṣo
- Together AI — Ìwádìí lórí ìwé glacial
- Vivid+Co — ìmọ́lẹ̀ prism nípasẹ̀ obsidian
- Sequel — Ìfihàn ìkọ̀kọ̀ lẹ́yìn òkùnkùn ni ìmọ́lẹ̀ gbígbóná kan ṣoṣo nínú fíìmù dúdú mìíràn.
- v0 by Vercel — Yíyàwòrán lathe. Pípéye àti iṣẹ́ ṣíṣe pàtàkì jùlọ, pẹ̀lú gbogbo ohun èlò tí ó ń ṣiṣẹ́ fún ète tí ó ṣe kedere lórí ojú ilẹ̀ tí ó mọ́ tónítóní, tí ó pé ní ti ìmọ̀ ẹ̀rọ.
- ThoughtLab — Àwòrán obsidian pẹ̀lú àmì pupa. Àwòrán dúdú tí ó ṣofo, níbi tí ohun pupa kan ṣoṣo tí ó kún fún ẹ̀jẹ̀ ní kàtídírà náà, tí a fi àwọn lẹ́tà funfun ńlá tẹ̀, jẹ́ àwòrán kan ṣoṣo tí ó ní ìrísí chromatic.
- Dovetail — Àwòrán ìṣàpẹẹrẹ lábẹ́ òṣùpá dúdú—àwọn ìlà àwòrán tí a kò lè rí rárá, lẹ́tà funfun, ìmọ́lẹ̀ aláwọ̀ elése àlùkò kan