ഈ ലേഖനം പെൻപോട്ട് സ്പോൺസർ ചെയ്തതാണ് നിങ്ങളുടെ പെൻപോട്ട് ഫയലിൽ ഡിസൈനിനുപുറമെ ഒരു പൂർണ്ണ ഐക്കൺ സെറ്റ് അടങ്ങിയിട്ടുണ്ടെന്ന് സങ്കൽപ്പിക്കുക, അതിൽ ചിലതും എന്നാൽ എല്ലാ ഐക്കണുകളും ഉപയോഗിക്കുന്നില്ല. ഉപയോഗിക്കുന്ന ഐക്കണുകൾ മാത്രം എക്സ്പോർട്ടുചെയ്യാൻ നിങ്ങൾ ക്ലോഡ് അല്ലെങ്കിൽ ജെമിനി പോലുള്ള ഒരു AI-യോട് ആവശ്യപ്പെടുകയാണെങ്കിൽ, അതിന് അത് ചെയ്യാൻ കഴിയില്ല. പെൻപോട്ട് ഫയലുകളുമായി സംവദിക്കാൻ ഇതിന് കഴിയില്ല. എന്നിരുന്നാലും, ഒരു Penpot MCP സെർവറിന് കഴിയും. സെറ്റ് നിയമങ്ങൾക്കും അനുമതികൾക്കും കീഴിൽ ഇതിന് തിരഞ്ഞെടുത്ത നിരവധി പ്രവർത്തനങ്ങൾ നടത്താൻ കഴിയും, പ്രത്യേകിച്ചും പെൻപോട്ടിന് വിപുലമായ API ഉള്ളതിനാലും അതിലുപരിയായി ഇത് ഓപ്പൺ സോഴ്സ് ആയതിനാലും. നിങ്ങളുടെ ഉദ്ദേശം മനസ്സിലാക്കുക, MCP സെർവർ നിർവഹിക്കാനുള്ള ശരിയായ പ്രവർത്തനം തിരഞ്ഞെടുക്കുക (ഈ സാഹചര്യത്തിൽ ഒരു കയറ്റുമതി), കൂടാതെ ഏതെങ്കിലും പാരാമീറ്ററുകൾ (അതായത്, ഉപയോഗിക്കുന്ന ഐക്കണുകൾ) കൈമാറുക എന്നതാണ് AI-യുടെ ജോലി. MCP സെർവർ പിന്നീട് ഇത് ഒരു ഘടനാപരമായ API അഭ്യർത്ഥനയിലേക്ക് വിവർത്തനം ചെയ്യുകയും അത് നടപ്പിലാക്കുകയും ചെയ്യുന്നു. നിങ്ങളുടെ ഓർഡർ സ്വീകരിക്കുന്ന ഒരു റെസ്റ്റോറൻ്റിലെ ഒരു സെർവറായി AI യും മെനുവും ഷെഫുമായി MCP സെർവറും ഒരു ചൂടുള്ള പ്ലേറ്റിൽ ഒരു ചൂടുള്ള പിസ്സ പൈ ആയി API അഭ്യർത്ഥനയും കണക്കാക്കുന്നത് സഹായിച്ചേക്കാം. എന്തുകൊണ്ട് MCP സെർവറുകൾ, കൃത്യമായി? പെൻപോട്ടിന് നിങ്ങളുടെ ഉദ്ദേശ്യം മനസ്സിലാക്കാൻ കഴിയുന്നില്ല, കാരണം ഇത് ഒരു LLM അല്ല, അല്ലെങ്കിൽ നിങ്ങളുടെ Penpot ഡാറ്റയുടെ സുരക്ഷയ്ക്കും സ്വകാര്യതയ്ക്കും വേണ്ടി നിങ്ങളുടെ Penpot ഫയലുകളുമായി സംവദിക്കാൻ മൂന്നാം കക്ഷി LLM-കളെ ഇത് അനുവദിക്കുന്നില്ല. പെൻപോട്ട് എംസിപി സെർവറുകൾ ഒരു സുരക്ഷിത പാലമായി പ്രവർത്തിക്കുന്നുണ്ടെങ്കിലും, നിങ്ങളുടെ പെൻപോട്ട് ഫയലുകളും ഡാറ്റയും സന്ദർഭമായി ഉപയോഗിച്ച് AI ഉദ്ദേശത്തെ API അഭ്യർത്ഥനകളിലേക്ക് വിവർത്തനം ചെയ്യുന്നു. ഇതിലും മികച്ചത് എന്തെന്നാൽ, പെൻപോട്ട് ഒരു ഡിസൈൻ-എക്സ്പ്രസ്ഡ്-കോഡ്-ആസ്-കോഡ് സമീപനം സ്വീകരിക്കുന്നതിനാൽ, ഡിസൈനുകൾ പ്രോഗ്രമാറ്റിക്കായി സൃഷ്ടിക്കാനും എഡിറ്റ് ചെയ്യാനും ഗ്രാനുലാർ തലത്തിൽ വിശകലനം ചെയ്യാനും കഴിയും. മറ്റ് എംസിപി സെർവറുകൾ ഓഫർ ചെയ്യുന്നതുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ ഇത് കൂടുതൽ സന്ദർഭോചിതവും കൂടുതൽ സവിശേഷവും അതിനാൽ കൂടുതൽ ശക്തവുമാണ്, ആർക്കും ശരിക്കും ആവശ്യമില്ലെന്ന് ഞാൻ കരുതുന്ന സബ്പാർ 'വിവരിക്കുക → ജനറേറ്റ്' AI വർക്ക്ഫ്ലോയേക്കാൾ വളരെ ചിന്തനീയമാണ്. പെൻപോട്ടിൻ്റെ AI വൈറ്റ്പേപ്പർ ഇതിനെ മോശം സമീപനമായും 'കോഡിലേക്ക് പരിവർത്തനം ചെയ്യുക' സമീപനത്തെ വൃത്തികെട്ട സമീപനമായും വിശേഷിപ്പിക്കുന്നു, അതേസമയം MCP സെർവറുകൾ കൂടുതൽ പരിഷ്കൃതവും പൊരുത്തപ്പെടുത്താവുന്നതുമാണ്. സവിശേഷതകളും സാങ്കേതിക വിശദാംശങ്ങളും ഞങ്ങൾ കേസുകൾ ഉപയോഗിക്കുന്നതിന് മുമ്പ്, പെൻപോട്ട് എംസിപി സെർവറുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് വിശദീകരിക്കുന്ന ചില സവിശേഷതകളും സാങ്കേതിക വിശദാംശങ്ങളും ഇവിടെയുണ്ട്:
MCP മാനദണ്ഡങ്ങൾ പാലിക്കുന്നു; തത്സമയ ഡിസൈൻ ഡാറ്റയ്ക്കായി പെൻപോട്ട് എപിഐയുമായി സംയോജിപ്പിക്കുന്നു; ഒരു പൈത്തൺ SDK, REST API, പ്ലഗിൻ സിസ്റ്റം, CLI ടൂളുകൾ എന്നിവ ഉൾപ്പെടുന്നു; MCP പ്രാപ്തമാക്കിയ ഏതെങ്കിലും AI അസിസ്റ്റൻ്റുമായി പ്രവർത്തിക്കുന്നു (വിഎസ് കോഡിലെ ക്ലോഡ്, കഴ്സറിലെ ക്ലോഡ്, ക്ലോഡ് ഡെസ്ക്ടോപ്പ് മുതലായവ); AI മോഡലുകളുമായി ഡിസൈൻ സന്ദർഭം പങ്കിടുന്നതിനെ പിന്തുണയ്ക്കുന്നു, ഒപ്പം ഘടകങ്ങൾ കാണാനും മനസ്സിലാക്കാനും അവരെ അനുവദിക്കുന്നു; സ്വാഭാവിക ഭാഷ ഉപയോഗിച്ച് പെൻപോട്ടുമായുള്ള ആശയവിനിമയം സുഗമമാക്കുന്നു.
അപ്പോൾ, MCP സെർവറുകൾ പെൻപോട്ടിൽ എന്താണ് ചെയ്യാൻ ഞങ്ങളെ പ്രാപ്തരാക്കുന്നത്, നിലവിലുള്ള പരീക്ഷണങ്ങൾ ഇതിനകം എന്താണ് നേടിയത്? നമുക്ക് ഒന്ന് നോക്കാം. പെൻപോട്ട് എംസിപി സെർവർ ഉപയോഗ-കേസുകൾ Penpot MCP സെർവറുകൾക്ക് എന്തുചെയ്യാൻ കഴിയും എന്നതിലേക്ക് പോകാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, ഒരു Google ഡ്രൈവിൽ Penpot-ൽ സൂക്ഷിച്ചിരിക്കുന്ന കുറച്ച് MCP ഡെമോകൾ കാണേണ്ടതിനേക്കാൾ കൂടുതലാണ്. 03, 04, 06, 08, 12 എന്നീ വീഡിയോകൾ തങ്ങളുടെ പ്രിയപ്പെട്ടവയാണെന്ന് പെൻപോട്ട് സിഇഒ പാബ്ലോ റൂയിസ്-മുസ്ക്വിസ് സൂചിപ്പിച്ചു. എംസിപി സെർവറുകൾ സംഗ്രഹിക്കുന്നതിനുള്ള ഇതിലും വേഗതയേറിയ മാർഗം പെൻപോട്ട് ഫെസ്റ്റ് 2025-ൽ നിന്നുള്ള അനാച്ഛാദനം കാണുക എന്നതാണ്. അല്ലെങ്കിൽ, പെൻപോട്ട് അവരുടെ പൊതു ഷോകേസിൽ പ്രദർശിപ്പിച്ച കൂടുതൽ പരിഷ്കൃതമായ ചില ഉദാഹരണങ്ങൾ നോക്കാം. ഡിസൈൻ-ടു-കോഡ്, വീണ്ടും തിരികെ (കൂടുതൽ) പെൻപോട്ട് ഡിസൈനുകൾ എങ്ങനെയാണ് കോഡായി പ്രകടിപ്പിക്കുന്നത് എന്നതിനെക്കുറിച്ച് ഞാൻ മുമ്പ് പറഞ്ഞതിൽ നിന്ന് പ്രവർത്തിക്കുന്നത്, ഇതിനർത്ഥം, AI ഉപയോഗിച്ച് ഡിസൈൻ കോഡിലേക്ക് പരിവർത്തനം ചെയ്യാൻ MCP സെർവറുകൾ ഉപയോഗിക്കാമെന്നാണ്, മാത്രമല്ല ഡിസൈനിലേക്കുള്ള കോഡ്, ഡിസൈൻ ഡോക്യുമെൻ്റേഷൻ, ഡോക്യുമെൻ്റേഷൻ സിസ്റ്റം ഘടകങ്ങൾ, ഡിസൈൻ സിസ്റ്റത്തെ അടിസ്ഥാനമാക്കി വീണ്ടും കോഡിലേക്ക് രൂപകൽപ്പന ചെയ്യുക, തുടർന്ന് പറഞ്ഞ ഡിസൈൻ സിസ്റ്റത്തെ അടിസ്ഥാനമാക്കി പൂർണ്ണമായും പുതിയ ഘടകങ്ങൾ. ഇത് അതിയാഥാർത്ഥ്യമാണെന്ന് തോന്നുന്നു, പക്ഷേ ചുവടെയുള്ള ഡെമോ ഈ ട്രാൻസ്മ്യൂട്ടബിലിറ്റി കാണിക്കുന്നു, ഇത് അവ്യക്തമായ നിർദ്ദേശങ്ങളിൽ നിന്നല്ല, മറിച്ച് മുൻ ഡിസൈൻ ചോയ്സുകളാണ്, അവ എങ്ങനെ പ്രകടിപ്പിച്ചു എന്നത് പരിഗണിക്കാതെ തന്നെ (ഡിസൈൻ, കോഡ് അല്ലെങ്കിൽ ഡോക്യുമെൻ്റേഷൻ). അദ്ഭുതങ്ങൾ ഒന്നുമില്ല - മുൻ തീരുമാനങ്ങളെ അടിസ്ഥാനമാക്കി നിങ്ങൾ എന്തായാലും എടുത്ത തീരുമാനങ്ങളാണിവ, വേഗത്തിൽ നടപ്പിലാക്കും. ഡെമോയിൽ, പെൻപോട്ടിലെ ഡിസൈനറായ ജുവാൻ ഡി ലാ ക്രൂസ് ഗാർസിയ, ചില ലളിതമായ ഘടകങ്ങളെ ഡോക്യുമെൻ്റേഷൻ, ഡിസൈൻ സിസ്റ്റം ഘടകങ്ങൾ, കോഡ്, പുതിയ ഘടകങ്ങൾ, കൂടാതെ പ്ലേ-ദോയുടെ ഒരു ഭാഗം പോലെയുള്ള ഒരു സമ്പൂർണ്ണ സ്റ്റോറിബുക്ക് പ്രോജക്റ്റ് എന്നിവയിലേക്ക് ഘർഷണരഹിതമായി മാറ്റുന്നു: ഡിസൈൻ-ടു-കോഡ്, ഡിസൈൻ/കോഡ് മൂല്യനിർണ്ണയം, ലളിതമായ പ്രവർത്തനങ്ങൾ ചുവടെയുള്ള സമാനമായ ഒരു ഡെമോയിൽ, Oraios AI-യുടെ സഹസ്ഥാപകനായ ഡൊമിനിക് ജെയിൻ, ഫ്രണ്ട്എൻഡ് ശൈലികൾ അപ്ഡേറ്റ് ചെയ്യുന്നതിന് മുമ്പ് ഡിസൈനിനെ അടിസ്ഥാനമാക്കി ഒരു Node.js വെബ് ആപ്പ് സൃഷ്ടിക്കുന്നു, സ്ഥിരതയ്ക്കായി പരിശോധിക്കുന്നതിന് മുമ്പ് സുഗമമായ ഡിസൈൻ-ടു-കോഡ് വിവർത്തനം ഉറപ്പാക്കുന്നതിന് മെമ്മറിയിലേക്ക് പേരുകളും ഐഡൻ്റിഫയറുകളും സംരക്ഷിക്കുന്നു, ഒരു കൂട്ടിച്ചേർക്കുന്നു.പെൻപോട്ടിലെ തിരഞ്ഞെടുത്ത ആകാരത്തിന് അടുത്തായി കമൻ്റ് ചെയ്യുക, തുടർന്ന് പെൻപോട്ടിലെ ഒരു സ്ക്രിബിളിനെ ഒരു അഡാപ്റ്റഡ് ഘടകം ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുക. ഇവിടെ ഒരുപാട് കാര്യങ്ങൾ നടക്കുന്നുണ്ട്, എന്നാൽ ക്ലോഡ് ഡെസ്ക്ടോപ്പിലും ക്ലോഡിൻ്റെ പ്രതികരണങ്ങളിലും ഡൊമിനിക് എന്താണ് ടൈപ്പ് ചെയ്യുന്നതെന്ന് നിങ്ങൾക്ക് കൃത്യമായി കാണാൻ കഴിയും, അത് വളരെ ശക്തവുമാണ്: വഴിയിൽ, മുമ്പത്തെ ഡെമോ വിഎസ് കോഡിൽ ക്ലോഡ് ഉപയോഗിച്ചിരുന്നു, അതിനാൽ പെൻപോട്ട് എംസിപി സെർവറുകൾ LLM-അജ്ഞേയവാദികളാണെന്ന് ഞാൻ ശ്രദ്ധിക്കേണ്ടതാണ്. നിങ്ങളുടെ സാങ്കേതിക ശേഖരം പൂർണ്ണമായും നിങ്ങളുടേതാണ്. JetBrains Rider IDE, Junie AI എന്നിവ ഉപയോഗിച്ച് അവരുടെ MCP സെർവർ സജ്ജീകരിക്കാൻ IvanTheGeek-ന് കഴിഞ്ഞു. കൂടുതൽ ഉപയോഗ കേസുകൾ ഏതെങ്കിലും പെൻപോട്ട് ഡിസൈൻ ടോക്കണുകൾ പ്രയോജനപ്പെടുത്തുമ്പോൾ ഒരു പെൻപോട്ട് ബോർഡ് പ്രൊഡക്ഷൻ-റെഡി സെമാൻ്റിക് HTML, മോഡുലാർ CSS എന്നിവയിലേക്ക് വിവർത്തനം ചെയ്യുക (പെൻപോട്ട് ഡിസൈനുകൾ ഇതിനകം തന്നെ കോഡായി പ്രകടമാക്കിയിട്ടുണ്ടെന്ന് ഓർക്കുക, അതിനാൽ ഇത് ഇരുട്ടിൽ ഒരു ഷോട്ട് അല്ല): നിലവിലുള്ള HTML മാറ്റാതെ തന്നെ ഒരു ഇൻ്ററാക്ടീവ് വെബ് പ്രോട്ടോടൈപ്പ് സൃഷ്ടിക്കുക: നേരത്തെ കാണിച്ചത് പോലെ, നിലവിലുള്ള ഡിസൈൻ കൂടാതെ/അല്ലെങ്കിൽ ഡിസൈൻ സിസ്റ്റം ഘടകങ്ങളെ പ്രയോജനപ്പെടുത്തി ഒരു സ്ക്രിബിളിനെ ഒരു ഘടകമാക്കി മാറ്റുക: ഒരു പെൻപോട്ട് ഫയലിൽ നിന്ന് ഡിസൈൻ സിസ്റ്റം ഡോക്യുമെൻ്റേഷൻ സൃഷ്ടിക്കുക: പെൻപോട്ടിൽ നിന്നും കമ്മ്യൂണിറ്റിയിൽ നിന്നുമുള്ള ചില ഉപയോഗ-കേസുകൾ ഇതാ:
വിപുലമായ കയറ്റുമതി, സ്വാഭാവിക ഭാഷ ഉപയോഗിച്ച് ഡിസൈൻ ഘടകങ്ങൾക്കായി തിരയുക, സ്വാഭാവിക ഭാഷ ഉപയോഗിച്ച് ബാഹ്യ API-കളിൽ നിന്ന് ഡാറ്റ വലിക്കുക, മറ്റ് ബാഹ്യ ഉപകരണങ്ങളിലേക്ക് പെൻപോട്ട് എളുപ്പത്തിൽ ബന്ധിപ്പിക്കുക, ആവർത്തിച്ചുള്ള ജോലികൾ മെമ്മറിയിലേക്ക് സംരക്ഷിക്കുകയും അവ നടപ്പിലാക്കുകയും ചെയ്യുന്നു, വിഷ്വൽ റിഗ്രഷൻ ടെസ്റ്റിംഗ്, ഡിസൈൻ സ്ഥിരതയും ആവർത്തന പരിശോധനയും, പ്രവേശനക്ഷമതയും ഉപയോഗക്ഷമതയും വിശകലനവും ഫീഡ്ബാക്കും, ഡിസൈൻ സിസ്റ്റം പാലിക്കൽ പരിശോധന, മാർഗ്ഗനിർദ്ദേശം പാലിക്കൽ പരിശോധന (ബ്രാൻഡ്, ഉള്ളടക്കം മുതലായവ), ഡിസൈൻ അനലിറ്റിക്സ് ഉപയോഗിച്ച് ദത്തെടുക്കലും ഉപയോഗവും നിരീക്ഷിക്കുക, ഡോക്യുമെൻ്റേഷൻ ഡിസൈനുമായി സമന്വയിപ്പിച്ച് സ്വയമേവ സൂക്ഷിക്കുക, ഡിസൈൻ ഫയൽ ഓർഗനൈസേഷൻ (ഉദാ. ടാഗിംഗ്/വർഗ്ഗീകരണം).
അടിസ്ഥാനപരമായി, നിങ്ങൾ തിരഞ്ഞെടുത്ത LLM/LLM ക്ലയൻ്റിൻറെ കാര്യക്ഷമതയ്ക്കും എളുപ്പത്തിനും നന്ദി, എന്നാൽ നിങ്ങളുടെ ഡാറ്റ അതിലേക്ക് വെളിപ്പെടുത്താതെ തന്നെ Penpot MCP സെർവറുകൾ അനന്തമായ വർക്ക്ഫ്ലോകളിലേക്ക് നയിക്കുന്നു. നിങ്ങൾ MCP സെർവറുകൾ എന്തിനുവേണ്ടി ഉപയോഗിക്കും? പെൻപോട്ട് എംസിപി സെർവറുകൾ ബീറ്റ ഘട്ടത്തിൽ പോലുമില്ല, എന്നാൽ നിങ്ങൾക്ക് ഭാഗമാകാൻ കഴിയുന്ന ഒരു സജീവ പരീക്ഷണമാണിത്. പെൻപോട്ട് ഉപയോക്താക്കൾ ഇതിനകം തന്നെ എംസിപി സെർവറുകളുടെ ഉപയോഗ കേസുകൾ പര്യവേക്ഷണം ചെയ്യാൻ തുടങ്ങിയിട്ടുണ്ട്, എന്നാൽ പെൻപോട്ട് കൂടുതൽ കാണാൻ ആഗ്രഹിക്കുന്നു. ഡിസൈനർമാരുടെയും ഡെവലപ്പർമാരുടെയും ഉൽപ്പന്ന ടീമുകളുടെയും പൊതുവായ ആവശ്യങ്ങൾ നിറവേറ്റുന്ന അടുത്ത തലമുറ ഡിസൈൻ ടൂളുകൾ ഉറപ്പാക്കാൻ, അവ കൂട്ടായും സഹകരിച്ചും നിർമ്മിക്കണം, പ്രത്യേകിച്ചും AI-യെ സംബന്ധിച്ചിടത്തോളം. കുറിപ്പ്: Penpot-ൻ്റെ MCP സെർവർ പര്യവേക്ഷണം ചെയ്യാനും പരീക്ഷിക്കാനും സഹായിക്കാനും ഉത്സുകരായ ബീറ്റാ ടെസ്റ്ററുകൾക്കായി Penpot തിരയുന്നു. ചേരുന്നതിന്, "MCP ബീറ്റ ടെസ്റ്റ് വോളണ്ടിയർ" എന്ന സബ്ജക്ട് ലൈൻ ഉപയോഗിച്ച് support@penpot.app-ലേക്ക് എഴുതുക. പെൻപോട്ട് എംസിപി സെർവറുകൾക്ക് ചെയ്യാൻ കഴിയുമെന്ന് നിങ്ങൾക്ക് തോന്നുന്ന എന്തെങ്കിലും നിലവിലുള്ള ടൂളുകൾക്ക് വേണ്ടത്ര നന്നായി ചെയ്യാൻ കഴിയുന്നില്ല, വേണ്ടത്ര വേഗത്തിൽ പ്രവർത്തിക്കാൻ കഴിയുന്നില്ല, അല്ലെങ്കിൽ ചെയ്യാൻ കഴിയുന്നില്ലേ? പെൻപോട്ട് എംസിപി സെർവർ എങ്ങനെ സജ്ജീകരിക്കാമെന്നും ഇന്നുതന്നെ ടിങ്കറിംഗ് ആരംഭിക്കാമെന്നും നിങ്ങൾക്ക് ഇവിടെ പഠിക്കാം, അല്ലെങ്കിൽ നിങ്ങളുടെ മസ്തിഷ്കം ഇതിനകം തന്നെ ആശയങ്ങൾ അലയടിക്കുന്നുവെങ്കിൽ, നിങ്ങൾ ചർച്ചയിൽ ചേരാനും നിങ്ങളുടെ ഫീഡ്ബാക്ക് പങ്കിടാനും നിങ്ങളുടെ ഉപയോഗ സാഹചര്യങ്ങളെക്കുറിച്ച് സംസാരിക്കാനും പെൻപോട്ട് ആഗ്രഹിക്കുന്നു. പകരമായി, ചുവടെയുള്ള അഭിപ്രായ വിഭാഗവും ആരംഭിക്കാൻ മോശമായ സ്ഥലമല്ല!
