Импортируй все адаптивные версии из Figma в Tilda и сэкономь
80% рабочего времени
Отрисуй блок в Figma для всех нужных устройств, а расширение импортирует все версии сразу в Тильду, экономя десятки часов, без дублирования
Как начать работу с Arvess
- Зарегистрируйся в Arvess ID удобным способомБесплатный 3-х дневный доступ активируется автоматически
- Установи расширение
и посмотри инструкциюArvess доступен в магазине расширений и по кнопке ниже, там же и инструкция ↓ - Наслаждайся!
А мы всегда рядом ;)В случае ошибок или вопросов, залетай к нам в tg чат — обязательно поможем
Стоимость Arvess
Чтобы начать экономить время, достаточно активировать пробный 3-х дневный период
PROбный
Для активации карта не нужна ;)
Бесплатно
— Полный доступ к расширению
— Ограничение на 50 импортов
— Возможность импорта любых макетов
— Подходит для быстрой проверки и оценки удобства
PRO месяц
Если загруз неравномерный - подойдёт
990₽/мес
— Полный доступ ко всем функциям
— Импорт любого количества макетов
— Обновления и новые функции
— Подходит для регулярной верстки
— Отличный вариант для фрилансеров
PRO год
Успевай, скидка в 45% не вечная
550₽/мес
— Всё, что в месячном тарифе
— Экономия 5400₽
— Приоритетная техподдержка
— Лучший выбор для студий и агентств
— Удобство! Оплатил один раз и пользуешься
Инструкция для Arvess
Внимательно прочитай всё, что тут написано, а лучше посмотри видеоинструкцию
Отрисуй нужные брейкпоинты блока в Figma
Обязательно соблюдай эти три простых правила:
А ещё не забудь создать токен фигмы по правилам из шага «Токен Figma» выше или смотри соотв. статью в базе знаний!
- Блоки должны быть в отдельных фреймах
- В одном фрейме нельзя делать одинаковые названия элементам
- Каждый элемент должен сохранить своё название на всех брейкпоинтах
А ещё не забудь создать токен фигмы по правилам из шага «Токен Figma» выше или смотри соотв. статью в базе знаний!
Объедини все версии блока в один фрейм и скопируй на него ссылку
Подробнее о том, как это сделать:
- Выдели все фреймы брейкпоинтов
- В меню выбери Frame selection или нажми CTRL+ALT+G
- Далее выбери фрейм, который создался и скопируй на него ссылку через copy link to selection в меню или нажатием CTRL+L
В Tilda через кнопку расширения выгружаем блок
- Обязательно создай новый ZeroBlock, перейди в редактор и нажми кнопочку «Импорт Figma»
- Вставь в появившемся окне API токен фигмы и скопированную ссылку на общий фрейм
- После импортирования сохрани блок стандартной кнопочкой save
- Повторять цикл для каждого блока и радоваться сэкономленному времени на вёрстке
Здесь важная и полезная информация
Важная информация
- При генерации токена в фигме обязательно выдай следующие разрешения file content, file metadata, file versions, library assets, library content, projects. Подробнее в видеоинструкции
- Чтобы кнопки выгружались, как элемент button, нужно назвать фрейм button или кнопка и поместить внутрь текст, если кнопок несколько, то добавляем рядом цифру button 1, button 2 и так далее
- Изображения выгружаются в image, не в shape, настроить это нельзя
- Фон блока задаётся через fill фрейма в фигме, общий фрейм должен быть без fill
- Spacing текста в тильде задаётся через line-height в фигме, через spacing paragraph межстрочка будет не соответствовать
- При выгрузке только одного брейкпоинта, он всё равно должен быть в "общем" фрейме (фрейм общий/фрейм блока/элементы)
- Автолейауты не поддерживаются (есть в планах, следите за обновлениями)
- Маски не поддерживаются
- В фигме желательно делать только целые значения, никаких 24,5 у шрифта, или 202,44x100,2 у шейпа
- Рекомендуем оставлять зазор 3-5 пикселей от края текста до края контейнера фигме, чтобы в тильде они были также с небольшим зазором, иначе текст может съезжать на другую строку
- Импорт подходит для grid/autoscale вёрстки. Адаптация под Window вёрстку есть в планах
Настоятельно рекомендуем посмотреть полную видеоинструкцию (6 мин)
Ссылка на макет в фигме из примера, протестируй Arvess самостоятельно
Ссылка на макет в фигме из примера, протестируй Arvess самостоятельно
Мы используем файлы cookie, чтобы улучшить наши сервисы для пользователей. Продолжая использование сайта, вы подтверждаете своё согласие на использование файлов cookie. В случае несогласия, вы можете отключить использование «cookie» в настройках браузера или покинуть сайт.
