DesignForge

DesignForge — это инструмент, который объединяет «правила дизайна» для приложений и экранов в один файл под названием DESIGN.md.

■ Когда его использовать:

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

・Вы сами всегда не уверены: «Какой цвет я использовал в прошлый раз?»

・Общие правила, которые вы можете задать своей команде или ИИ, существуют только в вашей голове.

Причина расхождения заключается не в разнице в восприятии, а в отсутствии «определения правильного ответа». DesignForge помещает это определение в файл.

■ Как его использовать:

1. Выберите шаблон (предустановка для конкретного жанра).

2. Настройте основной цвет, яркость, шрифт, соотношение сторон, интервалы, скругление углов и т. д.

3. Проверьте фактический внешний вид с помощью предварительного просмотра на экране.

4. Скопируйте/поделитесь/сохраните файл DESIGN.md и поместите его в свой проект.

Вам нужно выбрать всего около 8 элементов. После этого программа автоматически определит 14 цветов, 7 уровней шрифтов, скругление углов, интервалы и стили компонентов. Поскольку вам не нужно выбирать всё вручную, вы можете завершить проект, не бросая его на полпути.

■ Особенности

・Предварительный просмотр в реальном времени

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

・12 инструментов в качестве «примерочной»

Включает в себя практичные инструменты, такие как список дел, цветные стикеры, таймер перерыва, секундомер, счетчик, рулетка, счетчик дней, трекер привычек и проверка перед началом работы. Все они отображаются с использованием токенов из создаваемого вами файла DESIGN.md. Вы можете проверить цветовые схемы на своем «обычном экране», а не только на тестовом.

・Обнаружение контраста

Терминал определяет стандарт WCAG AA. Вы можете найти трудночитаемые сочетания цветов перед экспортом.

・Соответствие формату DESIGN.md

Формат вывода не является пользовательским; он соответствует общедоступным спецификациям DESIGN.md.

* Сохранение и загрузка

Вы можете сохранить созданные вами дизайны под именем и загрузить их позже.

* Вывод

Единый файл Markdown, содержащий определения токенов (YAML) для цвета, шрифта, макета, скругления углов и компонентов, а также текстовый раздел с описанием «что делать/чего не делать». Его можно разместить непосредственно в репозитории и прочитать агентам ИИ и членам команды.

* Примечания по использованию

* Все введенные данные сохраняются на вашем устройстве. Регистрация учетной записи не требуется.

* Бесплатно. Для поддержки сервиса отображается реклама.