В Figma появился плагин, генерирующий сетку Тильды

Веб-дизайнер The Architect Александр Щетинин создал плагин в Figma, который генерирует сетку для платформы Tilda Publishing.

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

Александр Щетинин, веб-дизайнер

Чтобы создать сетку, просто запустите плагин:

Подписывайтесь на наш инстаграм:

0
30 комментариев
Написать комментарий...
Marsell Gabdulmanov

Красава ) 

Ответить
Развернуть ветку
Artem Vidyaev

То что нужно

Ответить
Развернуть ветку
Дмитрий Прозоров

Что мешает или чем не подходит сразу делать страницу в визуальном редакторе Тильды?

Ответить
Развернуть ветку
The Architect
Автор

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

Ответить
Развернуть ветку
Дмитрий Прозоров

Совместная работа есть и в Тильде. Всё остальное — общие слова.

То есть в вашем кейсе дизайнер(ы):
1. Делают макеты в Фигме.
2. Эти же дизайнеры или верстальщики верстают этот макет в визуальном редакторе Тильды?
3. Изменения вносят сначала в Фигме, затем в Тильде.

И это не считается двойной работой и считается целесообразнее, чем сразу в Тильде сделать конечную страницу и вносить изменения сразу в ней?

Ответить
Развернуть ветку
Александр Щетинин

Весь дизайн согласовывается в фигме. После уже согласованный дизайн верстают на Тильде. 

Ответить
Развернуть ветку
Дмитрий Прозоров

Это ответ на какой вопрос?

Ответить
Развернуть ветку
Александр Щетинин

Можно сказать на все три) 

Наш кейс такой. 
1. Дизайнер рисует дизайн в фигме.
2. Правки и изменения дизайнер делает в фигме. 
3. После согласования с заказчиком, верстает макет на Тильде. 

Тильда — инструмент верстки 
Фигма — инструмент дизайна

Ответить
Развернуть ветку
Дмитрий Прозоров

Выборочно отвечаете, повторю:
И это не считается двойной работой и считается целесообразнее, чем сразу в Тильде сделать конечную страницу и вносить изменения сразу в ней?

Ответить
Развернуть ветку
Игорь Бороздин

Если вам удобнее работать иначе, ни кто не против.

Ответить
Развернуть ветку
Дмитрий Прозоров

Да я тоже не против, "верстайте" в Тильде, особенно когда одной кнопкой макет Figma можно экспортировать в HTML.

Всегда считал связку Figma + Tilda — бесполезной тратой времени и проделыванием двойной работы.

Ответить
Развернуть ветку
Ольга Малахова

Дмитрий, что вы подразумеваете под совместной работой в Тильде?

Ответить
Развернуть ветку
T K

До сих пор непонимающе почему я должен пересаживать со скетча на браузерную фигму. Ни интерфейсом, ни прочими плагинами она меня пока не заинтересовала. А тем более - вау тильда. вы серьезно?

Интерфейс даже скорее отталкивает.
User flow и прототипы делаю в скетче и flinto.
Для девелоперов купили zeplin.

Зачем мне эта хипстерская программа?

Ответить
Развернуть ветку
T K

вот я был лох тупой. простите меня небеса, был молод и глуп

Ответить
Развернуть ветку
Mike

Интересно узнать, что же изменилось за полгода)

Ответить
Развернуть ветку
T K

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

Ответить
Развернуть ветку
Капитан Чудо

Многие ждали этого плагина, я полагаю.

Ответить
Развернуть ветку
Дарья Рябцева

запускаю и ничего не происходит(

Ответить
Развернуть ветку
Олег Ибрагимов

Вот это интересно, попробуем.

Ответить
Развернуть ветку
Игорь Бороздин

Затестим, ране просто юзал готовый шаблон с сеткой

Ответить
Развернуть ветку
Golohod

Скоро будут плагины, чтобы начертить прямую линию)

Ответить
Развернуть ветку
T K

То есть чтобы накинуть grid на канвас в фирме нужно скачать svg файл с дильдошной, поразительная оптимизация процессов! 

Веб-дизайнер Александр Щетинин втирает про один клик? нуну. 

Ответить
Развернуть ветку
Вячеслав Сенаторов

Золотой человек

Ответить
Развернуть ветку
Алина Максакова

применять плагин нужно непосредственно на фрейме? ничего не происходит при использовании 

Ответить
Развернуть ветку
Александр Щетинин

Просто нужно запустить плагин, и он создаст 5 стилей сетки. Потом нужно стиль сетки просто к фрейму применить) 

В обновлении будет сообщение об успешном создании сетки) 

Ответить
Развернуть ветку
Artyom Kanarsky

Работает, все пять стилей. Да, применять на фрейме. Правда для начала нужно активировать плагин — зайти в меню - плагины - Тильда колумнс

Ответить
Развернуть ветку
Aleksandra Nekrasova

Просто большое человеческое Спасибо!

Ответить
Развернуть ветку
Aleksandra Avsterova

После применения плагина, когда нажимаю на поле рядом с фреймом, у меня в правом поле появляется на выбор 5 гридов, но как блин применить их к фрейму. Я просто беру параметры (из 5)гридов и во фрейме в лояйлт грид их выставляю. Как я понимаю, что есть волшебная кнопка, которая мне не по глазам.

Ответить
Развернуть ветку
Aleksandra Avsterova

надо было на четыре точки нажать рядом с лояут гридом, а не на плюс

Ответить
Развернуть ветку
Денис Симонов

Спасибо добрый Человек..)) 15 минут мучался)

Ответить
Развернуть ветку
27 комментариев
Раскрывать всегда