Виктор Кадников
Спасибо, хороший вопрос! Действительно, Anima и ряд других плагинов решают похожую проблему.
Но на мой скромный взгляд, у такого похода есть недостатки:
– Фигма или Скетч ориентированы на создание статических изображений, что противоречит динамической и адаптивной природе веба. Например, нельзя использовать размеры в процентах или относительно ширины вьюпорта (vh, vw); недоступны в полной мере возможности margin и padding и множество других деталей. Конечно, функция Auto Layout помогает в этом, но до полноценных возможностей CSS еще далеко.
– Структура макета может сильно отличаться от структуры HTML документа. В разметке документа должна быть семантика. Например, поле ввода – это тег input, а кнопка тег button, а в макете это просто два прямоугольника. И здесь возникает проблема интерпретации того что нарисовал дизайнер, и того как это должно быть перенесено в код. И еще, многие элементы должны иметь атрибуты, например alt или title, что также трудно отразить в макете.
– В макете может быть недостаточно данных для переноса в код. Например, в одном фрейме нельзя задать разное поведение для разной ширины экрана, что затрудняет создание адаптивной версии сайта. Бывает даже так, что технически нельзя реализовать часть макета.
– Связка двух инструментов всегда усложняет работу. При внесении изменений в исходный макет приходится каждый раз делать экспорт, что замедляет скорость итераций дизайна.
Поэтому, чтобы после экспорта из Фигмы получился качественный сайт, приходится дорабатывать его руками, иногда очень сильно.
И мне кажется, что инструмент, изначально ориентированный на природу веба, ускорит работу дизайнера и сделает результат его работы более предсказуемым и качественным.
Спасибо за интерес и пожелания проекту!
Cпасибо что обратили внимание! Там было продолжение, пришлось обрезать под формат фото)
Маленькая внутриотраслевая ирония.
Да, в дальнейшем, если увидим что функция пользуется популярностью, могут добавиться интеграции и с другими CMS. Wordpress выглядит хорошим вариантом для пилотного запуска, но мы также смотрим на системы, которые позиционируются именно как headless CMS, например Strapi или DatoCMS.
По поводу SEO – это не совсем моя специализация, но одним из вариантов решения видится скрытие от индексации сайта на WP (там где происходит управление контентом). Тогда поисковик будет индексировать только основной сайт.
Привет, Сергей, спасибо за вопрос!
Интеграция с Headless CMS пока только планируется, как один из возможных векторов развития проекта. Поэтому рабочих примеров пока нет.
Как сейчас мы представляем схему работы:
– собираем страничку на Графит и поднимаем Wordpess на домене
– подключаем WP к Графит и привязываем элементы сайта к полям данным WP
– будет несколько виджетов позволяющих создавать ленты новостей, блоги, категории и другие динамические списки
– когда вносим изменения в контент на WP, сайт на Графит будет переопубликован
Здесь Графит будет работать как генератор статических HTML страниц, а WP выступать в роли Headless CMS. То есть с базой ничего делать не нужно, нужен просто работающий сайт на WP. Но повторюсь, пока мы эту функцию только планируем и изучаем спрос на нее.
UPD промазал с ответом)
Привет, большое спасибо за интерес к проекту!
Сейчас все функции бесплатны, пока мы находимся в процессе сбора обратной связи и для нас важен живой пользовательский опыт.
Монетизация, конечно, планируется в будущем, но мы пока еще не остановились на конкретной модели.
Перед введением монетизации мы заблаговременно предупредим пользователей, чтобы никто внезапно не потерял свои сайты.