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

Рет қаралды 28,465

2 жыл бұрын

Мой инстаграм здесь, больше полезностей и жизни в сторис: / mayra1_design
Курс "Фотошоп с 0 для digital-специалистов": mayra.kh.ua/photoshop
Плагин, который делает буквы большими в один клик и еще много всего классного называется annexx. Гуглите.
Как быстро перенести дизайн из фигмы в тильду? Сначала нужно подготовить макет дизайна для переноса, переименовать слои, задать сетку. Для импорта макета нужно создать в фигме токен и вставить ссылку из фигмы с выбранным фреймом.

Пікірлер: 54

@user-jf7ee7xm8n 5 ай бұрын

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

@Gfff424 Жыл бұрын

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

@user-dm7dd6rv9h 2 жыл бұрын

Молодчинка !!! Спасибо за инфу - не знал что так можно. На инсту тоже подпишусь.

@margomargo6105 2 жыл бұрын

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

@user-sx7bm5ll5l 2 жыл бұрын

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

@user-rw6ns6bw8o Жыл бұрын

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

@chirkov_andrey Жыл бұрын

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

@annanas_ Жыл бұрын

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

@SalimTunai Жыл бұрын

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

@user-lm2yk3ne8i 2 жыл бұрын

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

@user-pq1sb3og9q 2 жыл бұрын

для переноса

@r_faizullin 2 жыл бұрын

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

@vadimkls 2 жыл бұрын

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

@krstyboom 2 жыл бұрын

ctrl+e

@zarasavi5732 2 жыл бұрын

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

@mayra1_design 2 жыл бұрын

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

@Alinamain Жыл бұрын

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

@kriextie9545 2 жыл бұрын

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

@Artem23192 2 жыл бұрын

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

@liliak8670 2 жыл бұрын

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

@mayra1_design 2 жыл бұрын

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

@APYU-what6379 2 жыл бұрын

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

@mayra1_design 2 жыл бұрын

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

@MrMoorich Жыл бұрын

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

@mayra1_design Жыл бұрын

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

@MrMoorich Жыл бұрын

@@mayra1_design спасибо!

@JamesBond-jf4ni Жыл бұрын

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

@mayra1_design Жыл бұрын

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

@user-xn2jn8tt3b 2 жыл бұрын

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

@mayra1_design 2 жыл бұрын

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

@leanoraa 2 жыл бұрын

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

@mayra1_design 2 жыл бұрын

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

@user-ug7bz5uy1z Жыл бұрын

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

@mayra1_design Жыл бұрын

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

@user-bi6nd7kd4x 2 жыл бұрын

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

@mayra1_design 2 жыл бұрын

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

@yanikkkk Жыл бұрын

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

@mayra1_design Жыл бұрын

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

@user-ft1hp3wd4p 2 ай бұрын

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

@mayra1_design 2 ай бұрын

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

@user-ft1hp3wd4p Ай бұрын

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

@user-cy6pj3pp2z Жыл бұрын

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

@mayra1_design Жыл бұрын

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

@user-cy6pj3pp2z Жыл бұрын

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