{"id":14276,"url":"\/distributions\/14276\/click?bit=1&hash=721b78297d313f451e61a17537482715c74771bae8c8ce438ed30c5ac3bb4196","title":"\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u043b\u044e\u0431\u043e\u0439 \u0442\u043e\u0432\u0430\u0440 \u0438\u043b\u0438 \u0443\u0441\u043b\u0443\u0433\u0443 \u0431\u0435\u0437 \u0431\u0438\u0440\u0436\u0438","buttonText":"","imageUuid":""}

Новая платформа Sizze: создавайте дизайн интерфейсов и экспортируйте его в код React

Привет друзья! Сегодня мы рады представить вам новую платформу Sizze. Здесь вы можете c легкостью создать прототипы экранов мобильных приложений с помощью готовых компонентов и мгновенно выгрузить результат в код React или HTML.

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

Основные преимущества Sizze:

1. Код React

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

В будущем мы планируем разработать экспорт и для других популярных UI фреймворков.

2. База компонентов

Для начинающих пользователей или для пользователей, ценящих время, мы разработали готовые шаблоны которые с легкостью кастомизируются. В нашей базе есть все доступные элементы iOS-приложений (в будущем Android и Desktop). Это существенно экономит время и дает возможность для быстрой сборки качественных прототипов.

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

3. Режим просмотра

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

4. Функциональность

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

sizze.io Design to code

0
62 комментария
Написать комментарий...
Ivan Tyumenyev

Спасибо за проект!

Пока что очень сыро, рано для публичной беты.

1) Два выделенных элемента передвинуть не получается - только с клавиатуры.
2) Поиска по иконкам не увидел.
3) Очень не хватает хоткеев, например Cmd+D для дублирования эл-та.
4) При клике на новый элемент в списке - он добавляется в начало экрана. Что не очевидно, когда ты находишься внизу экрана и просто не видишь, что эл-т где-то добавился.
5) Через 5 мин работы вылетела ошибка "Cannot read property 'get' of undefined".

Удачи вам в развитии продукта!

Ответить
Развернуть ветку
Николай Иванов
Автор

Иван, спасибо за Ваши замечания и пожелания.
Все написано очень точно и в тему, в ближайшее время мы исправим данные недочеты.

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