Page Builder Sandwich ഉപയോഗിച്ച് ഒരു Figma ഫ്രെയിം WordPress-ലേക്ക് ഇമ്പോർട്ട് ചെയ്യുക

Page Builder Sandwich Pro ഒരു Figma ഫ്രെയിമിനെ എഡിറ്റ് ചെയ്യാവുന്ന WordPress പേജാക്കി മാറ്റുന്നു. നിങ്ങൾ സൃഷ്ടിക്കുന്ന ഒരു പേഴ്സണൽ ആക്സസ് ടോക്കൺ ഉപയോഗിച്ച്, സൈറ്റ് നിങ്ങളുടെ സ്വന്തം Figma അക്കൗണ്ട് വഴി Figma-യുമായി ആശയവിനിമയം നടത്തുന്നു; ഡിസൈനോ ടോക്കണോ ഒന്നും Zinn Digital® വഴി കടന്നുപോകുന്നില്ല.

Figma കണക്റ്റ് ചെയ്യുക (ഒരു അഡ്മിനിസ്ട്രേറ്റർ എന്ന നിലയിൽ, ഒരിക്കൽ മാത്രം)

1. Figma-യിൽ, Settings → Security → Personal access tokens തുറന്ന് File content: read സ്കോപ്പുള്ള ഒരു ടോക്കൺ ജനറേറ്റ് ചെയ്യുക.
2. wp-admin-ൽ Page Builder Sandwich → Import from other builders and Figma → Import from Figma എന്നതിലേക്ക് പോയി, ടോക്കൺ പേസ്റ്റ് ചെയ്ത് Connect Figma അമർത്തുക.

ടോക്കൺ Figma ഉപയോഗിച്ച് പരിശോധിക്കുകയും, എൻക്രിപ്റ്റ് ചെയ്ത് സൂക്ഷിക്കുകയും ചെയ്യുന്നു, കൂടാതെ പിന്നീട് ഒരിക്കലും കാണിക്കുകയുമില്ല (അതിന്റെ അവസാന നാല് അക്ഷരങ്ങൾ മാത്രം കാണിക്കും). Disconnect എന്നത് ഇതിനെ നീക്കം ചെയ്യുന്നു. കമാൻഡ് ലൈനിൽ: echo <token> | wp pbs importers figma-token set (ടോക്കൺ സ്റ്റാൻഡേർഡ് ഇൻപുട്ടിൽ നിന്നാണ് വായിക്കുന്നത്, അതിനാൽ ഇത് നിങ്ങളുടെ ഷെൽ ഹിസ്റ്ററിയിൽ സേവ് ചെയ്യപ്പെടില്ല).

ഒരു ഫ്രെയിം ഇമ്പോർട്ട് ചെയ്യുക

1. Figma-യിൽ, ഒരു ഫ്രെയിമിൽ ക്ലിക്ക് ചെയ്യുക, അതിൽ റൈറ്റ് ക്ലിക്ക് ചെയ്ത് Copy/Paste as → Copy link to selection തിരഞ്ഞെടുക്കുക.
2. ലിങ്ക് Figma frame link എന്നതിലേക്ക് പേസ്റ്റ് ചെയ്ത് Import the frame അമർത്തുക. ഫ്രെയിമിന്റെ പേരിൽ ഒരു പുതിയ ഡ്രാഫ്റ്റ് പേജ് നിർമ്മിക്കപ്പെടുന്നു.

ഡിസൈൻ എങ്ങനെയാണ് പരിവർത്തനം ചെയ്യുന്നത്

• Auto layout എന്നത് അതേ gap, padding, alignment എന്നിവയോടെ ഫ്ലെക്സ് വരികളും നിരകളുമായി (ഗ്രിഡ് ഓട്ടോ ലേഔട്ടിനായി ഗ്രിഡുകളായും) മാറുന്നു; സ്വതന്ത്രമായി ലേഔട്ട് ചെയ്ത ഒരു ഫ്രെയിം വായനാ ക്രമത്തിൽ അടുക്കിവെക്കുന്നു, കൂടാതെ ലെയറുകൾ പരസ്പരം ഓവർലാപ്പ് ചെയ്യുമ്പോൾ റിപ്പോർട്ട് അത് വ്യക്തമാക്കുന്നു.
• ഫുൾ-വിഡ്ത്ത് ബാൻഡുകൾ ഉപയോഗിച്ച് നിർമ്മിച്ച ഒരു പേജ് ഫ്രെയിം ഓരോ ബാൻഡിനും ഒരു ഫുൾ-വിഡ്ത്ത് സെക്ഷനായി മാറുന്നു.
• ടെക്സ്റ്റ് അതിന്റെ ഫോണ്ട്, വലുപ്പം, വെയ്റ്റ്, ലൈൻ ഹൈറ്റ്, ലെറ്റർ സ്പേസിംഗ്, കേസ്, അലൈൻമെന്റ്, നിറം എന്നിവ നിലനിർത്തുന്നു; വലിയ ടെക്സ്റ്റുകൾ ഹെഡിംഗുകളായി മാറുന്നു, ബോൾഡ്, ഇറ്റാലിക് ശൈലികളും ലിങ്കുകളും നിലനിർത്തപ്പെടുന്നു.
• ഗ്രേഡിയന്റുകൾ ഉൾപ്പെടെയുള്ള Fills, strokes, corner radius, drop shadows എന്നിവ അതേപടി നിലനിർത്തുന്നു.
• ചിത്രങ്ങൾ നിങ്ങളുടെ മീഡിയ ലൈബ്രറിയിലേക്ക് പകർത്തുന്നു, കൂടാതെ വെക്റ്റർ ആർട്ട് (ഐക്കണുകൾ, ചിത്രീകരണങ്ങൾ) Figma റെൻഡർ ചെയ്യുകയും ഒരു ചിത്രമായി പകർത്തുകയും ചെയ്യുന്നു (ഒരു ഇമ്പോർട്ടിൽ പരമാവധി 200 ഡ്രോയിംഗുകൾ വരെ). അതേ ഫ്രെയിം വീണ്ടും ഇമ്പോർട്ട് ചെയ്യുമ്പോൾ ഈ പകർപ്പുകൾ വീണ്ടും ഉപയോഗിക്കുന്നു.
• ഫിൽ, ഉരുണ്ട അരികുകൾ, ഒരു ചെറിയ ലേബൽ (അല്ലെങ്കിൽ "button" എന്ന് പേരിട്ടിരിക്കുന്ന ലെയർ) ഉള്ള ഒരു ചെറിയ ഫ്രെയിം Button ബ്ലോക്കായി മാറുന്നു.

ഒരു Figma ഫ്രെയിം ഒരൊറ്റ വീതിയിലാണ് രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത് എന്നതിനാൽ, ഫോണുകളിൽ നിശ്ചിത വീതിയുള്ള ഇനങ്ങളുടെ വരികൾ ഒരു കോളമായി ഒന്നിനു താഴെ ഒന്നായി അടുക്കിവെക്കപ്പെടുന്നു.

കമാൻഡ് ലൈനിൽ നിന്ന്: wp pbs importers figma <frame link>.