Page Builder Sandwich સાથે WordPress માં Figma ફ્રેમ આયાત કરો

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 સમાન ગેપ, પેડિંગ અને સંરેખણ સાથે ફ્લેક્સ પંક્તિઓ અને કૉલમ્સ (અને ગ્રીડ ઑટો લેઆઉટ માટે ગ્રીડ) બને છે; મુક્તપણે ગોઠવાયેલી ફ્રેમ વાંચવાના ક્રમમાં ગોઠવાય છે, અને જ્યારે લેયર્સ એકબીજા પર આવતા હોય ત્યારે રિપોર્ટમાં તે જણાવવામાં આવે છે.
• ફુલ-વિડ્થ પટ્ટાઓથી બનેલી પેજ ફ્રેમ દરેક પટ્ટા દીઠ એક ફુલ-વિડ્થ સેક્શન બને છે.
• ટેક્સ્ટ તેના ફોન્ટ, કદ, વજન, લાઇન હાઇટ, અક્ષરો વચ્ચેનું અંતર, કેસ, સંરેખણ અને રંગ જાળવી રાખે છે; મોટો ટેક્સ્ટ હેડિંગ્સ બને છે, બોલ્ડ અને ઇટાલિક અક્ષરો તેમજ લિંક્સ સાચવવામાં આવે છે.
• ગ્રેડિયન્ટ્સ સહિત, Fills, strokes, corner radius અને drop shadows લાગુ પડે છે.
• છબીઓ તમારી મીડિયા લાઇબ્રેરીમાં કૉપિ કરવામાં આવે છે, અને વેક્ટર આર્ટ (ચિહ્નો, ચિત્રો) Figma દ્વારા રેન્ડર થાય છે અને એક છબી તરીકે કૉપિ થાય છે (આયાત દીઠ 200 રેખાંકનો સુધી). એ જ ફ્રેમ ફરીથી આયાત કરવાથી તે જ કૉપિઓનો ફરીથી ઉપયોગ થાય છે.
• ફિલ, ગોળાકાર ખૂણા અને એક ટૂંકા લેબલ (અથવા "button" નામવાળા લેયર) ધરાવતી એક નાની ફ્રેમ Button બ્લૉક બને છે.

ફોન પર, નિશ્ચિત-પહોળાઈવાળી આઇટમ્સની પંક્તિઓ એક કૉલમમાં ગોઠવાઈ જાય છે, કારણ કે Figma ફ્રેમ એક જ પહોળાઈ પર દોરવામાં આવે છે.

કમાન્ડ લાઇન પરથી: wp pbs importers figma <frame link>.