ይህ ጽሑፍ በፔንፖት የተደገፈ ነው። የፔንፖት ፋይልህ ከዲዛይኑ በተጨማሪ ሙሉ አዶን እንደያዘ አስብ፣ እሱም የተወሰኑትን ግን ሁሉንም አይጠቀምም። እንደ ክላውድ ወይም ጂሚኒ ያሉ በጥቅም ላይ ያሉ አዶዎችን ብቻ ወደ ውጭ እንዲልክ ከጠየቁ ያንን ማድረግ አይችልም። ከፔንፖት ፋይሎች ጋር መስተጋብር መፍጠር አልቻለም። ሆኖም የፔንፖት ኤምሲፒ አገልጋይ ይችላል። በተለይ ፔንፖት ሰፊ ኤፒአይ ስላለው እና ከዚህም በላይ ክፍት ምንጭ ስለሆነ በተቀመጡት ህጎች እና ፍቃዶች ውስጥ በእጅ የተመረጡ ኦፕሬሽኖችን ሊያከናውን ይችላል። የ AI ስራው በቀላሉ ሃሳብዎን መረዳት፣ ለኤምሲፒ አገልጋዩ እንዲሰራ ትክክለኛውን አሰራር መምረጥ (በዚህ ጉዳይ ላይ ወደ ውጭ መላክ) እና ማንኛውንም መመዘኛዎች (ማለትም ጥቅም ላይ እየዋሉ ያሉ አዶዎችን) ማለፍ ነው። የኤምሲፒ አገልጋይ ይህንን ወደ የተዋቀረ የኤፒአይ ጥያቄ ይተረጉመዋል እና ያስፈጽማል። AI ትእዛዝዎን የሚወስድ ሬስቶራንት ውስጥ ያለ አገልጋይ፣ የኤምሲፒ አገልጋይ እንደ ሜኑ እና ሼፍ እና የኤፒአይ ጥያቄ (በተስፋ) በሞቀ ሳህን ላይ ያለ ትኩስ የፒዛ ኬክ አድርጎ ማሰብ ሊጠቅም ይችላል። ለምን MCP አገልጋዮች በትክክል? ደህና፣ Penpot አላማህን ሊረዳው አልቻለም ምክንያቱም LLM ስላልሆነ ወይም የሶስተኛ ወገን LLMs ከPenpot ፋይሎችህ ጋር ለPenpot ውሂብህ ደህንነት እና ግላዊነት እንዲገናኙ አይፈቅድም። ምንም እንኳን የፔንፖት ኤምሲፒ አገልጋዮች የአንተን የፔንፖት ፋይሎች እና ውሂብ እንደ አውድ ተጠቅመው የ AI ፍላጎትን ወደ ኤፒአይ ጥያቄዎች በመተርጎም እንደ አስተማማኝ ድልድይ የሚሰሩ ናቸው። በጣም የተሻለው ነገር ፔንፖት የንድፍ-የተገለጸ-እንደ ኮድ አቀራረብን ስለሚወስድ ዲዛይኖች በፕሮግራም ሊፈጠሩ, ሊታተሙ እና በጥራጥሬ ደረጃ ሊተነተኑ ይችላሉ. እሱ የበለጠ ዐውደ-ጽሑፋዊ ፣ የበለጠ ልዩ እና ስለሆነም ከሌሎች የኤምሲፒ አገልጋዮች ከሚያቀርቡት ጋር ሲነፃፀር የበለጠ ኃይለኛ እና ማንም ሰው በእውነት የማይፈልገው አይመስለኝም ከሚለው ንዑስ ክፍል 'መግለጽ → ማመንጨት' AI የስራ ፍሰት የበለጠ አሳቢ ነው። የፔንፖት AI ነጭ ወረቀት ይህንን እንደ መጥፎ አካሄድ እና 'ወደ ኮድ ቀይር' አካሄድ እንደ አስቀያሚ አቀራረብ ሲገልጽ የኤምሲፒ አገልጋዮች ግን የበለጠ የተጣራ እና የሚለምደዉ ናቸው። ባህሪዎች እና ቴክኒካዊ ዝርዝሮች ጉዳዮችን ለመጠቀም ከመቀጠላችን በፊት፣ የፔንፖት ኤምሲፒ አገልጋዮች እንዴት እንደሚሠሩ የበለጠ የሚያብራሩ አንዳንድ ባህሪያት እና ቴክኒካዊ ዝርዝሮች እዚህ አሉ።
የ MCP መስፈርቶችን ያከብራል; ለእውነተኛ ጊዜ የንድፍ ውሂብ ከፔንፖት ኤፒአይ ጋር ያዋህዳል; የ Python ኤስዲኬን፣ REST API፣ plugin system እና CLI መሳሪያዎችን ያካትታል፤ ከማንኛውም ኤምሲፒ ከነቃ AI ረዳት ጋር ይሰራል (Claude in VS Code፣ Claude in Cursor፣ Claude Desktop, ወዘተ.) የንድፍ አውድ ከ AI ሞዴሎች ጋር መጋራትን ይደግፋል፣ እና ክፍሎችን እንዲያዩ እና እንዲረዱ ያስችላቸዋል፤ የተፈጥሮ ቋንቋን በመጠቀም ከፔንፖት ጋር ግንኙነትን ያመቻቻል።
እንግዲያውስ የኤምሲፒ አገልጋዮች በፔንፖት ውስጥ ምን እንድናደርግ ያስችሉናል፣ እና አሁን ያሉ ሙከራዎችስ ምን አሳክተዋል? እስቲ እንመልከት. Penpot MCP አገልጋይ አጠቃቀም-ጉዳዮች የፔንፖት ኤምሲፒ አገልጋዮች ሊያደርጉት ወደሚችሉት ነገር መዝለል ከፈለጉ፣ Penpot ጥቂት MCP ማሳያዎች በGoogle Drive ውስጥ ተቀምጠው ሊታዩ ከሚገባቸው በላይ ናቸው። የፔንፖት ዋና ስራ አስፈፃሚ ፓብሎ ሩይዝ-ሙዝኩዊዝ ቪዲዮዎች 03፣ 04፣ 06፣ 08 እና 12 ተወዳጆች መሆናቸውን ጠቅሰዋል። የኤምሲፒ አገልጋዮችን ለማጠቃለል በጣም ፈጣኑ መንገድ ከፔንፖት ፌስት 2025 መገለጡን መመልከት ነው። አለበለዚያ ፔንፖት በአደባባይ ማሳያቸው ላይ ያሳየቸውን አንዳንድ ይበልጥ የተጣራ ምሳሌዎችን እንመልከት። ንድፍ-ወደ-ኮድ እና እንደገና ተመለስ (እና ተጨማሪ) የፔንፖት ዲዛይኖች በኮድ እንዴት እንደሚገለጡ ቀደም ብዬ ከተናገርኩት በመነሳት፣ ይህ ማለት የኤምሲፒ አገልጋዮች AIን በመጠቀም ዲዛይን ወደ ኮድ ለመለወጥ ጥቅም ላይ ሊውሉ ይችላሉ ፣ ግን ኮድ ወደ ዲዛይን ፣ ዲዛይን ወደ ሰነድ ፣ የስርዓት አካላትን ለመንደፍ ሰነድ ፣ በተጠቀሰው የንድፍ ስርዓት ላይ በመመስረት እንደገና ወደ ኮድ ዲዛይን ያድርጉ እና ከዚያ በተጠቀሰው የንድፍ ስርዓት ላይ ተመስርተው ሙሉ በሙሉ አዲስ አካላት። እውነት ነው የሚመስለው፣ ነገር ግን ከታች ያለው ማሳያ ይህንን ተለዋዋጭነት ያሳያል፣ እና ምንም እንኳን የተገለጹት (ንድፍ፣ ኮድ ወይም ሰነድ) ምንም ይሁን ምን ግልጽ ያልሆነ መመሪያ ሳይሆን የቀድሞ የንድፍ ምርጫዎች ነው። ምንም አስገራሚ ነገሮች የሉም - እነዚህ በቀላሉ በቀድሞ ውሳኔዎች ላይ ተመስርተው በፍጥነት የተፈጸሙ ውሳኔዎች ናቸው። በማሳያው ውስጥ፣ የፔንፖት ዲዛይነር ሁዋን ዴ ላ ክሩዝ ጋርሲያ አንዳንድ ቀላል ክፍሎችን ያለምንም ፍርሀት ወደ ሰነዱ ፣ የስርዓት አካላት ፣ ኮድ ፣ አዲስ አካላት እና እንደ ፕሌይ-ዶህ ቁራጭ ሙሉ የታሪክ መጽሐፍ ፕሮጄክት ያስተላልፋል፡ ንድፍ-ወደ-ኮድ፣ የንድፍ/የኮድ ማረጋገጫ፣ እና ቀላል ኦፕሬሽኖች ከዚህ በታች ባለው ተመሳሳይ ማሳያ፣ በOraios AI ተባባሪ መስራች ዶሚኒክ ጄን የፊት ለፊት ስታይል ከማዘመንዎ በፊት በዲዛይኑ ላይ የተመሰረተ የ Node.js ዌብ መተግበሪያን ይፈጥራል፣ ስሞችን እና መለያዎችን ወደ ማህደረ ትውስታ ያስቀምጣል ወጥነት ያለው መሆኑን ከማጣራትዎ በፊት ከንድፍ ወደ ኮድ ትርጉምን ያረጋግጣል ፣በፔንፖት ውስጥ ከተመረጠው ቅርጽ ቀጥሎ አስተያየት ይስጡ እና በፔንፖት ውስጥ ያለውን ስክሪፕት በተጣጣመ አካል ይተካዋል። እዚህ ብዙ ነገር እየተከሰተ ነው፣ ግን ዶሚኒክ ወደ ክላውድ ዴስክቶፕ ምን እየጻፈ እንዳለ እና የክላውድ ምላሾች በትክክል ማየት ይችላሉ፣ እና በጣም ጠንካራ ነው፡ በነገራችን ላይ የቀደመው ማሳያ ክላውድን በVS Code ተጠቅሟል፣ ስለዚህ የፔንፖት ኤምሲፒ አገልጋዮች LLM-agnostic መሆናቸውን ልብ ልንል ይገባል። የእርስዎ የቴክኖሎጂ ቁልል ሙሉ በሙሉ የእርስዎ ነው። ኢቫን ዘጊክ የኤምሲፒ አገልጋይቸውን በJetBrains Rider IDE እና Junie AI ማዋቀር ችለዋል። ተጨማሪ የአጠቃቀም ጉዳዮች ማንኛውንም የፔንፖት ዲዛይን ማስመሰያዎችን እየተጠቀመ የፔንፖት ሰሌዳን ወደ ፕሮዳክሽን-ዝግጁ የትርጉም ኤችቲኤምኤል እና ሞዱል ሲኤስኤስ ይተርጉሙ (የፔንፖት ዲዛይኖች አስቀድሞ እንደ ኮድ መገለጣቸውን ያስታውሱ፣ ስለዚህ ይህ በጨለማ ውስጥ የተተኮሰ አይደለም) ያለውን HTML ሳይቀይሩ በይነተገናኝ የድር ፕሮቶታይፕ ይፍጠሩ፡ ቀደም ሲል እንደሚታየው፣ ነባር የንድፍ እና/ወይም የንድፍ ስርዓት አካላትን በመጠቀም ስክሪፕትን ወደ አንድ አካል ይለውጡ፡- የንድፍ ስርዓት ሰነድ ከፔንፖት ፋይል ይፍጠሩ፡ እና ከፔንፖት እና ከማህበረሰቡ አንዳንድ ተጨማሪ የአጠቃቀም ጉዳዮች እዚህ አሉ፡-
የላቀ ኤክስፖርት፣ የተፈጥሮ ቋንቋን በመጠቀም የንድፍ ክፍሎችን ይፈልጉ ፣ የተፈጥሮ ቋንቋን በመጠቀም ከውጫዊ ኤፒአይዎች ውሂብን ይሳቡ፣ በቀላሉ Penpot ከሌሎች ውጫዊ መሳሪያዎች ጋር ያገናኙ, ተደጋጋሚ ተግባራትን ወደ ማህደረ ትውስታ በማስቀመጥ እና በመተግበር ላይ ፣ የእይታ ማገገም ሙከራ ፣ የዲዛይን ወጥነት እና ድግግሞሽ ማረጋገጥ ፣ የተደራሽነት እና የአጠቃቀም ትንተና እና ግብረመልስ፣ የንድፍ ስርዓት ተገዢነትን ማረጋገጥ, መመሪያ ተገዢነትን ማረጋገጥ (የምርት ስም፣ ይዘት፣ ወዘተ)፣ ጉዲፈቻን እና አጠቃቀምን በዲዛይን ትንታኔዎች ይቆጣጠሩ ፣ ሰነዶችን ከንድፍ ጋር በማመሳሰል በራስ-ሰር ያቆዩ ፣ የንድፍ ፋይል አደረጃጀት (ለምሳሌ መለያ መስጠት/መመደብ)።
በመሰረቱ የፔንፖት ኤምሲፒ አገልጋዮች ለመረጡት የኤልኤልኤም/ኤልኤምኤል ደንበኛ ቅልጥፍና እና ቅለት ምስጋና ይግባውና ነገር ግን ውሂብዎን ለእሱ ሳያጋልጡ። የMCP አገልጋዮችን ለምን ትጠቀማለህ? የፔንፖት ኤምሲፒ አገልጋዮች በቅድመ-ይሁንታ ደረጃ ላይ አይደሉም፣ ነገር ግን እርስዎ አካል ሊሆኑ የሚችሉበት ንቁ ሙከራ ነው። የፔንፖት ተጠቃሚዎች ለኤምሲፒ አገልጋዮች የአጠቃቀም ጉዳዮችን ማሰስ ጀምረዋል፣ ነገር ግን Penpot ተጨማሪ ማየት ይፈልጋል። የሚቀጥለው ትውልድ የንድፍ እቃዎች የዲዛይነሮች, ገንቢዎች እና የምርት ቡድኖችን ፍላጎቶች የሚያሟሉ መሆናቸውን ለማረጋገጥ, በተለይም AI በሚመለከትበት ቦታ በጋራ እና በጋራ መገንባት አለባቸው. ማስታወሻ፡ Penpot የፔንፖት ኤምሲፒ አገልጋይን ለማሰስ፣ ለመሞከር እና ለማጣራት የሚጓጉ የቅድመ-ይሁንታ ሞካሪዎችን ይፈልጋል። ለመቀላቀል ወደ support@penpot.app ይፃፉ በርዕሰ-ጉዳይ መስመር "የMCP የቅድመ-ይሁንታ ሙከራ በጎ ፈቃደኛ"። የፔንፖት ኤምሲፒ አገልጋዮች ሊያደርጉት የሚችሉት ነገር አለ፣ አሁን ያሉ መሳሪያዎች በበቂ ሁኔታ፣ በፍጥነት፣ ወይም ጨርሶ መስራት የማይችሉ ናቸው? የፔንፖት ኤምሲፒ አገልጋይን እንዴት ማዋቀር እንደሚችሉ እዚ መማር እና ዛሬ መሳል መጀመር ይችላሉ፣ ወይም አንጎልዎ በሃሳቦች ከተጨናነቀ፣ Penpot ውይይቱን እንዲቀላቀሉ፣ አስተያየትዎን እንዲያካፍሉ እና ስለ አጠቃቀሙ ጉዳዮችዎ እንዲናገሩ ይፈልጋሉ። በአማራጭ፣ ከታች ያለው የአስተያየት ክፍል ለመጀመርም መጥፎ ቦታ አይደለም!