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