Артём Жигалин
Алексей, спасибо за ваш отзыв! По порядку:
1. Да, пока такой возможности нет, но и css-фреймворки в чистом виде мы вряд ли будем добавлять, скорее популярные библиотеки компонентов;
2. Подключение своих шрифтов есть в планах;
3. По остальному спрошу в личку.
Ну и у нас можно создавать свои компоненты, а их пропсы настраивать на правой панели (если правильно создавать). Вот пример:
https://youtu.be/Nw9VueOQmHg?t=168
Спасибо, Кирилл!)
Пока мы в разных весовых (мы только-только, а они 7 лет как). Но на вскидку — у нас есть: тема, кастомные брейкпоинты, редактор кода синхронизированный со страницей.
Сделайте такую же форму на чистом HTML и CSS и посмотрим сколько строчек будет у вас.
Куда вы экспортировали? Что за пример?
https://artemzhigalin.ru/src/Builder__Quarkly_2020-11-08_15-31-31.jpg
Вот сама форма, занимает 131 строку в JSX. Тут же и стили (включая те которые на брейкпоинтов) и теги. Не дезинформируйте аудиторию.
Привет, Борис! Рад тебя здесь видеть)). Отвечу, мы где-то посередине между 1 и 2. Сейчас мы больше фокусируемся на разработчиков знакомых с версткой и JS. Но мы планируем уменьшать порог входа за счет готовых компонентов. С их помощью можно будет без глубоких знаний JS и верстки создавать готовые страницы. На этом этапе дизайнер может стилизовать каждый подэлемент компонента, настраивать стилевые и функциональные пропсы. Компоненты блоки можно будет размонтировать и поменять структуру при желании. Если нужно, можно спуститься на уровень ниже, и вмешаться кодом.
Итак, почему и когда разработчику использовать Quarkly? Когда нужно синхронно поработать с дизайнером. Расскажу на примере приложения, так как с сайтами вроде и так понятно. Мы с коллегой (разработчиком) провели такой эксперимент. Я предложил сделать приложение в Quarkly, набросал скетч, нашел данные и описал как я вижу его функциональность. Дальше он собрал его код, прокинул нужные пропсы и оверрайды элементам, чтобы я мог выбирать их и стилизовать. Дальше я соответственно их привел в наглядный вид. Получилась вот такая штука —
https://sad-easley-31c9dd.netlify.app/
А вот как она выглядит без дизайна —
https://artemzhigalin.ru/src/Builder__Quarkly_2020-11-07_21-57-20.jpg
Ушло на всё..полтора дня.
Использовать Quarkly можно когда требуется небольшое приложение, сайт, лендинг. И ваш формат работы предполагает сотрудничество с дизайнером (который знает CSS), копирайтером, переводчиком.
В Quarkly мы планируем сделать возможность свободного позиционирования элементов на холсте, как отдельный тип страниц. Дальше на эту концепцию хорошо ляжет импорт страниц из figma и sketch + импорт значений (цвета/шрифты/фоны/...).
Что касается переменных ($base) для размеров, для озвученных целей служат единицы rem в css, которые можно использовать. Влиять на них можно устанавливая базовый размер шрифта в body. Но если будет необходимость более широкого использования и соберется большое количество кейсов, мы внедрим такие значения в тему.
Остальное у нас есть). Пользуйтесь, пишите в телегу ваши потребности и желания.
Приветствую! Спасибо за комментарий Олег. Русский язык будет. Ну а если не хочется начинать что-то делать, но всё таки интересно могу предложить короткий ролик с демонстрацией создания шота из дрибббла https://youtu.be/HqZ0quUWvmo.