Автоматический импорт макета из Figma в Tilda | Как быстро перенести дизайн из фигмы в тильду?

[@AlexandraEva-i9n]

Господи, спасибо! Почему я не нашла это видео раньше месяцев так на 3-4 ужасс сколько времени я тратила вручную перенося сайты.... пипец... СПасибо большое

[@Gfff424]

Спасибо! Самое понятное видео на всем ютубе! ёмко и по существу

[@margomargo6105]

Спасибо за видео, всё чётко и по делу!

[@SalimTunai]

Всё легко и доступно! Но вот почему на 4:12 сказали идем на фигму не понятно? может исправите?

[@Alinamain]

подскажите а если галочка не ставиться при создании ссылки,чтобы выбрать конкретный фрейм?!

[@ЮлияКобыжакова]

Здравствуйте, подскажите, переименовывать для своего удобства, или это нужно для корректного переноса?

[@ЕгорСеменов-з5р]

для переноса

[@ИнгаНик-з7о]

Подскажите пожалуйста почему blobs с заливкой вы сделали CTRL=E, а обводку CTRL+O . это существенная разница?

[@ДарьяВасилевич]

Подскажите пожалуйста, для последующих экранов можно использовать тот же токен что и для 1 или нужен другой?

[@chirkov_andrey]

Здравствуйте Марина, спасибо за полезное видео, вопрос у меня другой, в какой программе снимаете этот видео урок ? хочу так же что бы кружок с видео был

[@annanas_]

В Vidyard или Loom можно такое сделать

[@liliak8670]

у меня не переносится из фигмы прямоугольник, который с градиентом накладывается на фоновую картинку. Остальные файлы перенеслись.

[@mayra1_design]

Значит проблема именно в градиенте. Что можно сделать: загрузить в фигму прямоугольник без градиента, просто с заливкой, чтобы он прогрузится как shape, а после отдельно из фигмы сохранить себе на комп svg-шкой этот градиентный прямоугольник, и подгрузить его внутрь шейпа. На крайняк - как png. А ещё я замечала несоответствие в положении и размере элементов, которым фигме назначена тень. Пока вот так 😅

[@aleks_nca]

А можно ипортировать и десктоп и мобильную версию?

[@mayra1_design]

К сожалению, пока что можно только десктоп переносить в один зеро-блок, насколько я знаю. Но думаю что разработчики работают над этим

[@kriextie9545]

У меня при переносе слетели шрифты, в тильде всего три-четыре шрифта, можно использовать только их?

[@Artem23192]

Заранее нужно было загрузить нужные Шрифты и ставить по умолчанию.Поможет

[@r_faizullin]

А что делать с тем, что изображения переносятся не как image, а как фигуры с изображениями на фоне? Качество портится просто)

[@MrMoorich]

будут ли работать в тильде микроанимации созданные в фигме?

[@mayra1_design]

Нет, их нужно настраивать в тильде отдельно либо грузить в тильду как gif либо кодом

[@MrMoorich]

@@mayra1_design спасибо!

[@vadimkls]

Скажите, на Windows 11 какое сочетание клавиш вместо cmd + e нужно, чтобы сделать перевернутый объект прямоугольным?

[@krstyboom]

ctrl+e

[@APYU-what6379]

Марина, а как импортировать в аккаунт тильду клиента, у мменя как то неплучается, фигма в моем аккаунте, а тильда клиента или это не имеет значения. просто я не то делаю да.

[@mayra1_design]

не имеет значения. api токен сохраняется тот же, я его один раз создала и работаю с того же браузера на разных аккаунтах тильды. всё переносится. делайте так же, как показано в видео)

[@zarasavi5732]

Марина, подскажите. Что делать если содержимое с фрейма 1900 не помещается в 1200?

[@mayra1_design]

Сайт в любом случае должен адаптироваться под все устройства. У меня так было, я рисовала дизайн на сетку пошире, но для переноса я адаптировала его под 1200 на отдельный фрейм. И переносила с него. А дальше уже на самой тильде подгоняла всё так чтобы смотрелось везде хорошо) Вы же под планшеты и мобильные всё равно будете адаптировать

[@JamesBond-jf4ni]

А что если не делить на маленькие фремы страницу а целиком всю загрузить в один зеро блок тоже длинный???

[@mayra1_design]

Иногда так делают. Но возможно сайт будет дольше прогружаться, и если надо где-то что-то поменять и по высоте увеличить, будет сложнее, так как сдвигать надо всё что ниже. Если есть необходимость - делайте) если можно разделить - разделяйте.

[@МаратЗиннатуллин-у5й]

Здравствуйте, а как перенести Polygon?

[@mayra1_design]

Как фигуру svg обычную )

[@leanoraa]

А из фш можно макеты перенести?

[@mayra1_design]

Нет, такой способ только для фигмы. Из фотошопа только вручную, как и прежде)

[@ЮлияДонская-щ1г]

У меня не получилось загрузить изображение на Тильду, пишут, что очень большое....

[@mayra1_design]

Так поуменьшайте большие изображения)))

[@ЮлияДонская-щ1г]

@@mayra1_design что я и делала, всё равно пишут большое

[@СветланаИсаева-ю2е]

Скажите пожалуйста, в чем может быть проблема? Перенос не происходит уже больше часа.

[@mayra1_design]

Слишком долго. Проверьте слои. Что-то могло сильно вылезти за пределы фрейма и не найти себе места в тильде)) просмотрите всё, слейте чтобы не было объектов векторных состоящих из большого кол-ва мелких элементов. Обычно дело в этих 2х причинах. Ну и просто попробуйте заново)

[@Лерик]

очень хорошо все это конечно, только я не понимаю, зачем вообще прототипирование надо, если это двойная работа получается, за всем следить, все поправлять, не проще сразу в тильде все делать? я понимаю если бы анимации переносились, а так... вот чисто не из вредности вопрос, а реально интересующий

[@mayra1_design]

то что в видео показано - как раз этап дизайна, а до дизайна идет черно-белое прототипирование, по вашей логике это даже тройная работа. но именно так положено работать, чтобы сделать классный качественный сайт. если сразу делать в тильде, то обычно не получается сделать что-то уникальное, сравнить рядом несколько вариантов дизайна, подобрать референсы. а еще не отрисуешь некоторые элементы, для которых только графический редактор нужен. да, это быстрее. можно тогда вообще зеро-блок не использовать, а на коленке собрать в стандартных блоках дешевый слабо работающий сайт. но качественнее делать как правильно. :)

[@Лерик]

@@mayra1_design спасибо большое за развернутый ответ! буду изучать фигму как инструмент прототипирования:)

[@yanikkkk]

а если сайт состоит из нескольких страниц, то как быть ?

[@mayra1_design]

Точно так же) создавать новые страницы и переносить по одному блоку туда

[@SweetCuteCharm]

У меня при переносе шрифты слетели... Как это исправить?

[@mayra1_design]

Сначала шрифты настроить в общих настройках сайта на тильде, подключить их туда, а только потом переносить макет из фигмы в тильду)

[@SweetCuteCharm]

@@mayra1_design ого...спасибо! Так каждый шрифт получается туда загружать?

[@mayra1_design]

@@SweetCuteCharm да, конечно) это первый шаг который делаем на сайте при работе с тильдой - создаём проект и устанавливаем выбранные нами шрифты)

[@SweetCuteCharm]

@@mayra1_design Поняла, Спасибо большое!

[@salat4908]

Кпц ты не понятно объясняешь. Очень много нужно разбираться самостоятельно над твоими действиями.

[@empiresamoeyds7805]

Привет! Прочитай директ в инсте

[@mayra1_design]

Привет. Нет сообщений. Напишите ещё раз или сюда, кто отправитель