Design Systems

  • ХабрахабрФото [Перевод] Дизайн-токены способны на большее: создаем единый источник информации о компонентах UI

    [Перевод] Дизайн-токены способны на большее: создаем единый источник информации о компонентах UI

    Термином «дизайн-система» в IT давно никого не удивишь. Компании систематизируют дизайн продуктов, придумывая свои или используя чужие инструменты для управления стилями, паттернами и компонентами.  Badoo не является исключением: с помощью нашей дизайн-системы Cosmos мы поддерживаем общие принципы дизайна для четырёх приложений, работающих на четырёх платформах.  Одна из первых и основных вещей, с которой начинается работа по созданию дизайн-системы, — это…

    Читать далее »
  • ХабрахабрФото FigmaGen: Автоматизация стилей в iOS-приложении

    FigmaGen: Автоматизация стилей в iOS-приложении

    Мы решили пойти дальше и автоматизировать синхронизацию кода с нашей библиотекой компонентов.  Сейчас многие команды систематизируют дизайн своих приложений. А это в свою очередь открывает широкие возможности для разработчиков, чем мы и решили воспользоваться. Дело в том, что в hh для проектирования UI используется небезызвестный сервис Figma, который, кроме прочих своих плюсов, имеет открытый API. Сначала он выглядел, как эксперимент,…

    Читать далее »
  • ХабрахабрФото [Перевод] Sketch + Node.js: генерируем иконки для множества платформ и брендов. Часть 2

    [Перевод] Sketch + Node.js: генерируем иконки для множества платформ и брендов. Часть 2

    Это вторая часть статьи о создании инструмента, способного экспортировать все помещённые в Sketch-файл иконки: в разных форматах, для разных платформ, с возможностью A/B-тестирования каждой из иконок. Первую часть вы можете прочесть по ссылке. Пришёл черёд написания кода. В прошлый раз мы подготовили Sketch-файлы, содержащие все иконки в нужных стилях и с правильными названиями. После того как наш тимлид Нихил Верма,…

    Читать далее »


Кнопка «Наверх»