Увезите Figma оквир у WordPress помоћу Page Builder Sandwich

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 постаје flex редови и колоне (и мреже за grid auto layout) са истим размаком, унутрашњим растојањем и поравнањем; слободно постављен оквир слаже се по редоследу читања, а извештај наводи када су се слојеви преклапали.
• Оквир странице направљен од трака пуне ширине постаје један одељак пуне ширине по траци.
• Текст задржава свој фонт, величину, дебљину, висину реда, проред између слова, величину слова, поравнање и боју; велики текст постаје наслови, а подебљани и курзивни делови текста и везе се задржавају.
• Испуне, потези, полупречник углова и сенке се преносе, укључујући градијенте.
• Слике се копирају у вашу библиотеку медија, а векторска графика (иконе, илустрације) се рендерује помоћу Figma алата и копира као слика (до 200 цртежа по увозу). Поновни увоз истог оквира поново користи постојеће копије.
• Мали оквир са испуном, заобљеним угловима и једном кратком ознаком (или слојем са називом „button“) постаје блок Button.

На телефону се редови ставки фиксне ширине слажу у колону, јер је Figma оквир нацртан у једној ширини.

Са командне линије: wp pbs importers figma <frame link>.