pen.dev Inafanya kazi

pen.dev ni turubai ya usanifu inayoendesha ndani ya mazingira ya uandishi wa msimbo. Wasanidi programu wanaweza kuunda violesura vya bidhaa, kuchunguza mtiririko wa kurasa na kudumisha uhusiano kati ya usanifu na msimbo. Faili za usanifu huhifadhiwa katika umbizo la .pen ndani ya hazina ya msimbo, na zinaweza kudhibitiwa kwa Git kwa ajili ya matoleo, matawi na uunganishaji. Pia zinaweza kubadilishwa kuwa HTML, CSS au React. Kupitia MCP, pen.dev huwezesha kusoma na kuandika kwenye turubai.

Wasanidi wa mbele

Unda kurasa na vipengele moja kwa moja katika IDE na ubadilishe matokeo ya usanifu kuwa HTML, CSS au React, ukipunguza mabadiliko kati ya zana za usanifu na mazingira ya msimbo.

Wasanidi wanaotumia zana za uandishi wa msimbo kwa AI

Tumia Cursor, VSCode, Claude Code au OpenAI Codex kufikia uwezo wa turubai, kuunda violesura au kuchunguza kwa wakati mmoja mwelekeo mbalimbali wa kurasa.

W timu za usanidi zenye mifumo ya usanifu

Unganisha mfumo wa usanifu uliopo katika maktaba ya msimbo na turubai, tumia seti ya vipengele vya usanifu kujenga violesura na kudumisha ulinganifu kati ya usanifu na utekelezaji.

Turubai ya usanifu isiyo na kikomo

Unda na rekebisha violesura vya bidhaa ndani ya IDE, ukisaidiwa na uwekaji wa kiwango cha pikseli ili usanifu na msimbo viendelee kuwa katika mazingira ya kazi yaliyo karibu.

Uundaji wa kurasa na mtiririko kwa AI

Tumia vidokezo kuunda ukurasa kamili au mtiririko mzima wa violesura, au waache wasaidizi wengi wa AI wachunguze kwa wakati mmoja mwelekeo tofauti wa usanifu.

Vitendo vya usanifu vinavyozingatia muktadha

Ingiza mahitaji kwa skrini nzima au eneo maalum, tumia vitendo vilivyowekwa tayari kufanya marekebisho ya haraka, au andika vitendo maalum kuanzia mwanzo.

Kubadilisha usanifu kuwa msimbo wa mbele

Badilisha usanifu wa turubai kuwa HTML, CSS au React, ili kuwasaidia wasanidi kuendeleza suluhisho la kuona hadi utekelezaji wa programu unaoweza kutumika.

Usimamizi wa matoleo ya faili za usanifu

Hifadhi maudhui ya usanifu katika faili za .pen na kuyaweka kwenye hazina ya msimbo. Tumia Git kudhibiti matoleo, matawi na uunganishaji kama unavyodhibiti msimbo wa usanidi.

Uingizaji wa usanifu wa Figma

Copy na bandika usanifu wa Figma moja kwa moja ili kuleta vekta, maandishi na mitindo yake kwenye pen.dev kwa ajili ya uhariri zaidi.

Uendeshaji wa turubai wa MCP wa pande mbili

Soma na uandike kwenye turubai ya usanifu kupitia MCP, na uunganishe vyanzo vya nje kama hifadhidata, API, data ya chati au Playwright na Puppeteer.

Faili za usanifu ziko katika hazina ya msimbo

Usanifu hautengwi katika zana huru; huhifadhiwa kama faili ndani ya hazina ya mradi na unaweza kudhibitiwa kwa matoleo pamoja na msimbo.

Umbizo la faili lililo wazi

Faili za usanifu zinaweza kusomwa, kutatuliwa hitilafu na kupanuliwa. Timu rasmi inasisitiza kutotumia umbizo lisilo wazi, hivyo wasanidi wanaweza kutumia zana zao kushughulikia faili.

Uwezo wa MCP wa pande mbili

Mbali na kusoma maelezo ya turubai, pen.dev hutoa ruhusa kamili za kuandika, hivyo MCP za nje, vyanzo vya data na mawakala wengine wanaweza kushiriki katika uendeshaji wa turubai.

Usanifu na msimbo kwenye skrini moja

Weka turubai ya usanifu wa kiwango cha pikseli ndani ya mazingira ya uandishi wa msimbo, ili wasanidi waweze kubadilisha haraka kati ya usanifu na utekelezaji na kupunguza mchakato wa kawaida wa makabidhiano ya usanifu.

• Ukurasa rasmi wa mwanzo: pen.dev – Design on canvas. Land in code.
• Ukurasa rasmi wa bei: pen.dev – Design on canvas. Land in code.