#design_system — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #design_system, aggregated by home.social.
-
LazyWeb: 257 тысяч экранов реальных приложений как контекст для AI-агентов
Если вы хоть раз просили Claude Code, Cursor или Codex сделать интерфейс — то знаете эту проблему. Код модель пишет неплохо, но визуально результат выглядит как “сайт, сгенерированный AI”. Одинаковые карточки, одинаковые градиенты, одинаковый набор паттернов из топа поиска. Несколько недель назад вышел LazyWeb — MCP-сервер, который даёт агенту 257k экранов реальных приложений как визуальный контекст. Установил, прогнал на pricing-странице для своего пет-проекта, разбираю, что получилось.
https://habr.com/ru/articles/1033376/
#MCP #Claude_Code #AIагенты #дизайнресёрч #UI #LazyWeb #Cursor #design_system
-
LazyWeb: 257 тысяч экранов реальных приложений как контекст для AI-агентов
Если вы хоть раз просили Claude Code, Cursor или Codex сделать интерфейс — то знаете эту проблему. Код модель пишет неплохо, но визуально результат выглядит как “сайт, сгенерированный AI”. Одинаковые карточки, одинаковые градиенты, одинаковый набор паттернов из топа поиска. Несколько недель назад вышел LazyWeb — MCP-сервер, который даёт агенту 257k экранов реальных приложений как визуальный контекст. Установил, прогнал на pricing-странице для своего пет-проекта, разбираю, что получилось.
https://habr.com/ru/articles/1033376/
#MCP #Claude_Code #AIагенты #дизайнресёрч #UI #LazyWeb #Cursor #design_system
-
LazyWeb: 257 тысяч экранов реальных приложений как контекст для AI-агентов
Если вы хоть раз просили Claude Code, Cursor или Codex сделать интерфейс — то знаете эту проблему. Код модель пишет неплохо, но визуально результат выглядит как “сайт, сгенерированный AI”. Одинаковые карточки, одинаковые градиенты, одинаковый набор паттернов из топа поиска. Несколько недель назад вышел LazyWeb — MCP-сервер, который даёт агенту 257k экранов реальных приложений как визуальный контекст. Установил, прогнал на pricing-странице для своего пет-проекта, разбираю, что получилось.
https://habr.com/ru/articles/1033376/
#MCP #Claude_Code #AIагенты #дизайнресёрч #UI #LazyWeb #Cursor #design_system
-
LazyWeb: 257 тысяч экранов реальных приложений как контекст для AI-агентов
Если вы хоть раз просили Claude Code, Cursor или Codex сделать интерфейс — то знаете эту проблему. Код модель пишет неплохо, но визуально результат выглядит как “сайт, сгенерированный AI”. Одинаковые карточки, одинаковые градиенты, одинаковый набор паттернов из топа поиска. Несколько недель назад вышел LazyWeb — MCP-сервер, который даёт агенту 257k экранов реальных приложений как визуальный контекст. Установил, прогнал на pricing-странице для своего пет-проекта, разбираю, что получилось.
https://habr.com/ru/articles/1033376/
#MCP #Claude_Code #AIагенты #дизайнресёрч #UI #LazyWeb #Cursor #design_system
-
Дизайн-токены: полный гайд по архитектуре и неймингу c примерами и задачками
Дизайн-токены — это язык, понятный как дизайнерам, так и разработчикам. Без него продукт получается разрозненным и неповоротливым. Токены и правильный нейминг помогают создавать новые разделы быстрее, а дизайнерам больше думать о сценариях и создавать визуал в рамках продукта, а не заниматься рутиной. Если в вашем коде и макетах до сих пор живут значения типа #0055FF — вы копите технический долг, ведь если понадобится изменить этот цвет на другой, придется менять и все компоненты, где используется это значение. А про разные темы вообще можете забыть... В конце статьи будут ссылки на доп. материалы из реальных дизайн-систем, откуда я брал информацию. Изучить тему
https://habr.com/ru/articles/1012980/
#дизайнсистема #дизайн #figma #tokens #токены #дизайнтокены #variables #design_system
-
Дизайн-токены: полный гайд по архитектуре и неймингу c примерами и задачками
Дизайн-токены — это язык, понятный как дизайнерам, так и разработчикам. Без него продукт получается разрозненным и неповоротливым. Токены и правильный нейминг помогают создавать новые разделы быстрее, а дизайнерам больше думать о сценариях и создавать визуал в рамках продукта, а не заниматься рутиной. Если в вашем коде и макетах до сих пор живут значения типа #0055FF — вы копите технический долг, ведь если понадобится изменить этот цвет на другой, придется менять и все компоненты, где используется это значение. А про разные темы вообще можете забыть... В конце статьи будут ссылки на доп. материалы из реальных дизайн-систем, откуда я брал информацию. Изучить тему
https://habr.com/ru/articles/1012980/
#дизайнсистема #дизайн #figma #tokens #токены #дизайнтокены #variables #design_system
-
Дизайн-токены: полный гайд по архитектуре и неймингу c примерами и задачками
Дизайн-токены — это язык, понятный как дизайнерам, так и разработчикам. Без него продукт получается разрозненным и неповоротливым. Токены и правильный нейминг помогают создавать новые разделы быстрее, а дизайнерам больше думать о сценариях и создавать визуал в рамках продукта, а не заниматься рутиной. Если в вашем коде и макетах до сих пор живут значения типа #0055FF — вы копите технический долг, ведь если понадобится изменить этот цвет на другой, придется менять и все компоненты, где используется это значение. А про разные темы вообще можете забыть... В конце статьи будут ссылки на доп. материалы из реальных дизайн-систем, откуда я брал информацию. Изучить тему
https://habr.com/ru/articles/1012980/
#дизайнсистема #дизайн #figma #tokens #токены #дизайнтокены #variables #design_system
-
Дизайн-токены: полный гайд по архитектуре и неймингу c примерами и задачками
Дизайн-токены — это язык, понятный как дизайнерам, так и разработчикам. Без него продукт получается разрозненным и неповоротливым. Токены и правильный нейминг помогают создавать новые разделы быстрее, а дизайнерам больше думать о сценариях и создавать визуал в рамках продукта, а не заниматься рутиной. Если в вашем коде и макетах до сих пор живут значения типа #0055FF — вы копите технический долг, ведь если понадобится изменить этот цвет на другой, придется менять и все компоненты, где используется это значение. А про разные темы вообще можете забыть... В конце статьи будут ссылки на доп. материалы из реальных дизайн-систем, откуда я брал информацию. Изучить тему
https://habr.com/ru/articles/1012980/
#дизайнсистема #дизайн #figma #tokens #токены #дизайнтокены #variables #design_system
-
Tailwind CSS v4 против MUI, Ant Design и Styled Components: архитектурный разбор
В 2026 году выбор инструмента для стилизации — это не вопрос вкуса, а вопрос архитектуры. Мы разберём, где Tailwind CSS v4 выигрывает у признанных лидеров: компонентных библиотек (MUI, Ant Design) и CSS-in-JS решений (Styled Components).
https://habr.com/ru/articles/1006248/
#Tailwind_CSS #CSS #Frontend #Design_System #React #Styled_Components #Верстка #Архитектура #Микрофронтенды #Figma
-
Tailwind CSS v4 против MUI, Ant Design и Styled Components: архитектурный разбор
В 2026 году выбор инструмента для стилизации — это не вопрос вкуса, а вопрос архитектуры. Мы разберём, где Tailwind CSS v4 выигрывает у признанных лидеров: компонентных библиотек (MUI, Ant Design) и CSS-in-JS решений (Styled Components).
https://habr.com/ru/articles/1006248/
#Tailwind_CSS #CSS #Frontend #Design_System #React #Styled_Components #Верстка #Архитектура #Микрофронтенды #Figma
-
Tailwind CSS v4 против MUI, Ant Design и Styled Components: архитектурный разбор
В 2026 году выбор инструмента для стилизации — это не вопрос вкуса, а вопрос архитектуры. Мы разберём, где Tailwind CSS v4 выигрывает у признанных лидеров: компонентных библиотек (MUI, Ant Design) и CSS-in-JS решений (Styled Components).
https://habr.com/ru/articles/1006248/
#Tailwind_CSS #CSS #Frontend #Design_System #React #Styled_Components #Верстка #Архитектура #Микрофронтенды #Figma
-
Tailwind CSS v4 против MUI, Ant Design и Styled Components: архитектурный разбор
В 2026 году выбор инструмента для стилизации — это не вопрос вкуса, а вопрос архитектуры. Мы разберём, где Tailwind CSS v4 выигрывает у признанных лидеров: компонентных библиотек (MUI, Ant Design) и CSS-in-JS решений (Styled Components).
https://habr.com/ru/articles/1006248/
#Tailwind_CSS #CSS #Frontend #Design_System #React #Styled_Components #Верстка #Архитектура #Микрофронтенды #Figma
-
Создаем UI-Kit на React: пошаговое руководство по настройке
Привет, Хабр. Я Сергей Осипов, архитектор дизайн‑системы в T2. Вместе с моим коллегой, Данилом — экспертом группы разработки — мы подготовили материал, в котором подробно разберем процесс настройки UI‑Kit на React — от установки зависимостей до сборки готового пакета. Ниже в статье вы прочитаете о полном цикле разработки: сборке, тестировании, линтинге и документации. Интересно? Переходите под кат!
https://habr.com/ru/companies/t2/articles/974508/
#дизайнсистема #storybook #typescript #javascript #дизайн #css #webразработка #webдизайн #design_system #frontendразработка
-
Создаем UI-Kit на React: пошаговое руководство по настройке
Привет, Хабр. Я Сергей Осипов, архитектор дизайн‑системы в T2. Вместе с моим коллегой, Данилом — экспертом группы разработки — мы подготовили материал, в котором подробно разберем процесс настройки UI‑Kit на React — от установки зависимостей до сборки готового пакета. Ниже в статье вы прочитаете о полном цикле разработки: сборке, тестировании, линтинге и документации. Интересно? Переходите под кат!
https://habr.com/ru/companies/t2/articles/974508/
#дизайнсистема #storybook #typescript #javascript #дизайн #css #webразработка #webдизайн #design_system #frontendразработка
-
Создаем UI-Kit на React: пошаговое руководство по настройке
Привет, Хабр. Я Сергей Осипов, архитектор дизайн‑системы в T2. Вместе с моим коллегой, Данилом — экспертом группы разработки — мы подготовили материал, в котором подробно разберем процесс настройки UI‑Kit на React — от установки зависимостей до сборки готового пакета. Ниже в статье вы прочитаете о полном цикле разработки: сборке, тестировании, линтинге и документации. Интересно? Переходите под кат!
https://habr.com/ru/companies/t2/articles/974508/
#дизайнсистема #storybook #typescript #javascript #дизайн #css #webразработка #webдизайн #design_system #frontendразработка
-
Создаем UI-Kit на React: пошаговое руководство по настройке
Привет, Хабр. Я Сергей Осипов, архитектор дизайн‑системы в T2. Вместе с моим коллегой, Данилом — экспертом группы разработки — мы подготовили материал, в котором подробно разберем процесс настройки UI‑Kit на React — от установки зависимостей до сборки готового пакета. Ниже в статье вы прочитаете о полном цикле разработки: сборке, тестировании, линтинге и документации. Интересно? Переходите под кат!
https://habr.com/ru/companies/t2/articles/974508/
#дизайнсистема #storybook #typescript #javascript #дизайн #css #webразработка #webдизайн #design_system #frontendразработка
-
UI Kit как рычаг роста: как связать Figma и код
Как превратить UI Kit из дизайнерского артефакта в живую систему, где обновление стиля в Figma автоматически обновляет код на Android. В статье — наш путь от ручного копирования палитр до генерации типобезопасных токенов через KotlinPoet, Gradle-плагины и Figma JSON. Расскажу, как бизнес получает скорость и консистентность, как темная тема перестаёт быть болью, и почему iOS может безболезненно присоединиться к этой архитектуре.
https://habr.com/ru/articles/956130/
#ui_kit #design_system #android #kotlin_multiplatform #kotlin
-
UI Kit как рычаг роста: как связать Figma и код
Как превратить UI Kit из дизайнерского артефакта в живую систему, где обновление стиля в Figma автоматически обновляет код на Android. В статье — наш путь от ручного копирования палитр до генерации типобезопасных токенов через KotlinPoet, Gradle-плагины и Figma JSON. Расскажу, как бизнес получает скорость и консистентность, как темная тема перестаёт быть болью, и почему iOS может безболезненно присоединиться к этой архитектуре.
https://habr.com/ru/articles/956130/
#ui_kit #design_system #android #kotlin_multiplatform #kotlin
-
UI Kit как рычаг роста: как связать Figma и код
Как превратить UI Kit из дизайнерского артефакта в живую систему, где обновление стиля в Figma автоматически обновляет код на Android. В статье — наш путь от ручного копирования палитр до генерации типобезопасных токенов через KotlinPoet, Gradle-плагины и Figma JSON. Расскажу, как бизнес получает скорость и консистентность, как темная тема перестаёт быть болью, и почему iOS может безболезненно присоединиться к этой архитектуре.
https://habr.com/ru/articles/956130/
#ui_kit #design_system #android #kotlin_multiplatform #kotlin
-
UI Kit как рычаг роста: как связать Figma и код
Как превратить UI Kit из дизайнерского артефакта в живую систему, где обновление стиля в Figma автоматически обновляет код на Android. В статье — наш путь от ручного копирования палитр до генерации типобезопасных токенов через KotlinPoet, Gradle-плагины и Figma JSON. Расскажу, как бизнес получает скорость и консистентность, как темная тема перестаёт быть болью, и почему iOS может безболезненно присоединиться к этой архитектуре.
https://habr.com/ru/articles/956130/
#ui_kit #design_system #android #kotlin_multiplatform #kotlin
-
Как «помыть банковского слона»: системный подход к UI/UX в финтехе
В финансовой сфере дизайн — это не только про красивый визуал Каждый неудачный экран, каждая неочевидная форма или лишний клик обходятся компании реальными денежными потерями: дополнительными часами поддержки, затянувшимися доработками и упущенными клиентами. В этой статье разберемся, как системный подход, работа на стыке аналитики и фронтенда и современные инструменты помогают не утонуть в рутине – и пока все внедряют фичи, дизайнер сохраняет целостность пользовательского опыта при пользовании глобальными банковскими продуктами. Узнать «как помыть слона»
https://habr.com/ru/companies/sovcombank_technologies/articles/937450/
#дизайн_система #design_system #ui_ux #ui_ux_design #fintech #интерфейсы #flow
-
Как «помыть банковского слона»: системный подход к UI/UX в финтехе
В финансовой сфере дизайн — это не только про красивый визуал Каждый неудачный экран, каждая неочевидная форма или лишний клик обходятся компании реальными денежными потерями: дополнительными часами поддержки, затянувшимися доработками и упущенными клиентами. В этой статье разберемся, как системный подход, работа на стыке аналитики и фронтенда и современные инструменты помогают не утонуть в рутине – и пока все внедряют фичи, дизайнер сохраняет целостность пользовательского опыта при пользовании глобальными банковскими продуктами. Узнать «как помыть слона»
https://habr.com/ru/companies/sovcombank_technologies/articles/937450/
#дизайн_система #design_system #ui_ux #ui_ux_design #fintech #интерфейсы #flow
-
Как «помыть банковского слона»: системный подход к UI/UX в финтехе
В финансовой сфере дизайн — это не только про красивый визуал Каждый неудачный экран, каждая неочевидная форма или лишний клик обходятся компании реальными денежными потерями: дополнительными часами поддержки, затянувшимися доработками и упущенными клиентами. В этой статье разберемся, как системный подход, работа на стыке аналитики и фронтенда и современные инструменты помогают не утонуть в рутине – и пока все внедряют фичи, дизайнер сохраняет целостность пользовательского опыта при пользовании глобальными банковскими продуктами. Узнать «как помыть слона»
https://habr.com/ru/companies/sovcombank_technologies/articles/937450/
#дизайн_система #design_system #ui_ux #ui_ux_design #fintech #интерфейсы #flow
-
Как «помыть банковского слона»: системный подход к UI/UX в финтехе
В финансовой сфере дизайн — это не только про красивый визуал Каждый неудачный экран, каждая неочевидная форма или лишний клик обходятся компании реальными денежными потерями: дополнительными часами поддержки, затянувшимися доработками и упущенными клиентами. В этой статье разберемся, как системный подход, работа на стыке аналитики и фронтенда и современные инструменты помогают не утонуть в рутине – и пока все внедряют фичи, дизайнер сохраняет целостность пользовательского опыта при пользовании глобальными банковскими продуктами. Узнать «как помыть слона»
https://habr.com/ru/companies/sovcombank_technologies/articles/937450/
#дизайн_система #design_system #ui_ux #ui_ux_design #fintech #интерфейсы #flow
-
Индикация клика на стероидах в Compose: пишем свою IndicationNodeFactory
При работе с Jetpack Compose разработчики часто не замечают, как элементы Material и Material 3 дизайн систем вплетаются в их код. Один из таких элементов - это индикация клика, реализованная в Material как круги на воде (англ. ripple effect). В этой статье мы разберем, в чем недостатки дефолтной реализации риппл-эффекта в Compose и как сделать свою.
https://habr.com/ru/articles/914506/
#compose #compose_multiplatform #jetpack_compose #material_design #design_system
-
Индикация клика на стероидах в Compose: пишем свою IndicationNodeFactory
При работе с Jetpack Compose разработчики часто не замечают, как элементы Material и Material 3 дизайн систем вплетаются в их код. Один из таких элементов - это индикация клика, реализованная в Material как круги на воде (англ. ripple effect). В этой статье мы разберем, в чем недостатки дефолтной реализации риппл-эффекта в Compose и как сделать свою.
https://habr.com/ru/articles/914506/
#compose #compose_multiplatform #jetpack_compose #material_design #design_system
-
Индикация клика на стероидах в Compose: пишем свою IndicationNodeFactory
При работе с Jetpack Compose разработчики часто не замечают, как элементы Material и Material 3 дизайн систем вплетаются в их код. Один из таких элементов - это индикация клика, реализованная в Material как круги на воде (англ. ripple effect). В этой статье мы разберем, в чем недостатки дефолтной реализации риппл-эффекта в Compose и как сделать свою.
https://habr.com/ru/articles/914506/
#compose #compose_multiplatform #jetpack_compose #material_design #design_system
-
Индикация клика на стероидах в Compose: пишем свою IndicationNodeFactory
При работе с Jetpack Compose разработчики часто не замечают, как элементы Material и Material 3 дизайн систем вплетаются в их код. Один из таких элементов - это индикация клика, реализованная в Material как круги на воде (англ. ripple effect). В этой статье мы разберем, в чем недостатки дефолтной реализации риппл-эффекта в Compose и как сделать свою.
https://habr.com/ru/articles/914506/
#compose #compose_multiplatform #jetpack_compose #material_design #design_system
-
Как я написать плагин для Figma, не написав ни строчки кода
Привет, я не программист, но я написал полезный плагин для Figma, не написав ни строчки кода. Плагин локализует перемещённые алиас-переменные. На всё ушло 23 часа (да долго, но сам бы писал ещё дольше). А это почти краткая история про то, как я это сделал, используя только своё желание упростить работу с переменными в Figma и парочку бесплатных AI Читать
https://habr.com/ru/articles/898972/
#Figma #figma_plugin #figma_design #figma_api #design_system #ui_kit #javascript #ai #gemini #нейросеть
-
Как я написать плагин для Figma, не написав ни строчки кода
Привет, я не программист, но я написал полезный плагин для Figma, не написав ни строчки кода. Плагин локализует перемещённые алиас-переменные. На всё ушло 23 часа (да долго, но сам бы писал ещё дольше). А это почти краткая история про то, как я это сделал, используя только своё желание упростить работу с переменными в Figma и парочку бесплатных AI Читать
https://habr.com/ru/articles/898972/
#Figma #figma_plugin #figma_design #figma_api #design_system #ui_kit #javascript #ai #gemini #нейросеть
-
Как я написать плагин для Figma, не написав ни строчки кода
Привет, я не программист, но я написал полезный плагин для Figma, не написав ни строчки кода. Плагин локализует перемещённые алиас-переменные. На всё ушло 23 часа (да долго, но сам бы писал ещё дольше). А это почти краткая история про то, как я это сделал, используя только своё желание упростить работу с переменными в Figma и парочку бесплатных AI Читать
https://habr.com/ru/articles/898972/
#Figma #figma_plugin #figma_design #figma_api #design_system #ui_kit #javascript #ai #gemini #нейросеть
-
Как я написать плагин для Figma, не написав ни строчки кода
Привет, я не программист, но я написал полезный плагин для Figma, не написав ни строчки кода. Плагин локализует перемещённые алиас-переменные. На всё ушло 23 часа (да долго, но сам бы писал ещё дольше). А это почти краткая история про то, как я это сделал, используя только своё желание упростить работу с переменными в Figma и парочку бесплатных AI Читать
https://habr.com/ru/articles/898972/
#Figma #figma_plugin #figma_design #figma_api #design_system #ui_kit #javascript #ai #gemini #нейросеть
-
Как мы сделали дизайн-систему для мобильных устройств и TV
Привет, Хабр! Меня зовут Вячеслав Таранников, я ведущий Android-разработчик в RuStore, и сегодня расскажу о нашей дизайн-системе, разобрав две ключевые темы: токены и компоненты. Эта статья основана на моем совместном докладе с Дмитрием Смирновым, руководителем команды разработки, — « Как мы создали дизайн-систему для мобильных устройств и ТV на Jetpack Compose ». Мы представили его на митапе «Coffee&Code ✕ RuStore | TechBrew» и теперь делимся основными идеями с вами.
-
Как мы сделали дизайн-систему для мобильных устройств и TV
Привет, Хабр! Меня зовут Вячеслав Таранников, я ведущий Android-разработчик в RuStore, и сегодня расскажу о нашей дизайн-системе, разобрав две ключевые темы: токены и компоненты. Эта статья основана на моем совместном докладе с Дмитрием Смирновым, руководителем команды разработки, — « Как мы создали дизайн-систему для мобильных устройств и ТV на Jetpack Compose ». Мы представили его на митапе «Coffee&Code ✕ RuStore | TechBrew» и теперь делимся основными идеями с вами.
-
Как мы сделали дизайн-систему для мобильных устройств и TV
Привет, Хабр! Меня зовут Вячеслав Таранников, я ведущий Android-разработчик в RuStore, и сегодня расскажу о нашей дизайн-системе, разобрав две ключевые темы: токены и компоненты. Эта статья основана на моем совместном докладе с Дмитрием Смирновым, руководителем команды разработки, — « Как мы создали дизайн-систему для мобильных устройств и ТV на Jetpack Compose ». Мы представили его на митапе «Coffee&Code ✕ RuStore | TechBrew» и теперь делимся основными идеями с вами.
-
Как мы сделали дизайн-систему для мобильных устройств и TV
Привет, Хабр! Меня зовут Вячеслав Таранников, я ведущий Android-разработчик в RuStore, и сегодня расскажу о нашей дизайн-системе, разобрав две ключевые темы: токены и компоненты. Эта статья основана на моем совместном докладе с Дмитрием Смирновым, руководителем команды разработки, — « Как мы создали дизайн-систему для мобильных устройств и ТV на Jetpack Compose ». Мы представили его на митапе «Coffee&Code ✕ RuStore | TechBrew» и теперь делимся основными идеями с вами.
-
Основные принципы создания иконок
Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных принципов вам скорее всего знакомы, но есть некоторые неочевидные нюансы, на которые стоит обратить внимание 👇
https://habr.com/ru/companies/otpbank/articles/894162/
#icons #design_system #product #design #иконки #ux_ui #ux_ui_дизайн
-
Основные принципы создания иконок
Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных принципов вам скорее всего знакомы, но есть некоторые неочевидные нюансы, на которые стоит обратить внимание 👇
https://habr.com/ru/companies/otpbank/articles/894162/
#icons #design_system #product #design #иконки #ux_ui #ux_ui_дизайн
-
Основные принципы создания иконок
Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных принципов вам скорее всего знакомы, но есть некоторые неочевидные нюансы, на которые стоит обратить внимание 👇
https://habr.com/ru/companies/otpbank/articles/894162/
#icons #design_system #product #design #иконки #ux_ui #ux_ui_дизайн
-
Основные принципы создания иконок
Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных принципов вам скорее всего знакомы, но есть некоторые неочевидные нюансы, на которые стоит обратить внимание 👇
https://habr.com/ru/companies/otpbank/articles/894162/
#icons #design_system #product #design #иконки #ux_ui #ux_ui_дизайн
-
«Да будет свет!», — подумали мы. И стал свет. Краткая история обучения нейросветодизайнера нейросветодизайну
Давным-давно, скажем, этим летом, нас посетила удачная мысль включить повсюду свет и озарить ночные города. Так родился проект по обучению нейросети сложному искусству светодизайна. Разумеется, мы были не первыми, кто до этого додумался, но поскольку бум ИИ удачно наложился на развитие инфраструктуры и появление новых зданий в разных городах РФ (а еще осень, темно, холодно) – было решено взяться за дело. Светодизайн зданий – сложная область, которая удачно сочетает в себе архитектурное проектирование, инженерные достижения, дизайн и человеческий гений. В помощь последнему мы решили добавить искусственный интеллект. Оказалось, что после долгих тренировок он способен:
-
«Да будет свет!», — подумали мы. И стал свет. Краткая история обучения нейросветодизайнера нейросветодизайну
Давным-давно, скажем, этим летом, нас посетила удачная мысль включить повсюду свет и озарить ночные города. Так родился проект по обучению нейросети сложному искусству светодизайна. Разумеется, мы были не первыми, кто до этого додумался, но поскольку бум ИИ удачно наложился на развитие инфраструктуры и появление новых зданий в разных городах РФ (а еще осень, темно, холодно) – было решено взяться за дело. Светодизайн зданий – сложная область, которая удачно сочетает в себе архитектурное проектирование, инженерные достижения, дизайн и человеческий гений. В помощь последнему мы решили добавить искусственный интеллект. Оказалось, что после долгих тренировок он способен:
-
«Да будет свет!», — подумали мы. И стал свет. Краткая история обучения нейросветодизайнера нейросветодизайну
Давным-давно, скажем, этим летом, нас посетила удачная мысль включить повсюду свет и озарить ночные города. Так родился проект по обучению нейросети сложному искусству светодизайна. Разумеется, мы были не первыми, кто до этого додумался, но поскольку бум ИИ удачно наложился на развитие инфраструктуры и появление новых зданий в разных городах РФ (а еще осень, темно, холодно) – было решено взяться за дело. Светодизайн зданий – сложная область, которая удачно сочетает в себе архитектурное проектирование, инженерные достижения, дизайн и человеческий гений. В помощь последнему мы решили добавить искусственный интеллект. Оказалось, что после долгих тренировок он способен:
-
«Да будет свет!», — подумали мы. И стал свет. Краткая история обучения нейросветодизайнера нейросветодизайну
Давным-давно, скажем, этим летом, нас посетила удачная мысль включить повсюду свет и озарить ночные города. Так родился проект по обучению нейросети сложному искусству светодизайна. Разумеется, мы были не первыми, кто до этого додумался, но поскольку бум ИИ удачно наложился на развитие инфраструктуры и появление новых зданий в разных городах РФ (а еще осень, темно, холодно) – было решено взяться за дело. Светодизайн зданий – сложная область, которая удачно сочетает в себе архитектурное проектирование, инженерные достижения, дизайн и человеческий гений. В помощь последнему мы решили добавить искусственный интеллект. Оказалось, что после долгих тренировок он способен:
-
Show HN: MynaUI Icons – 1180 Beautifully Crafted Open Source Icons
https://mynaui.com/icons
#ycombinator #figma #tailwindcss #design_system #ui_kit -
Show HN: MynaUI Icons – 1180 Beautifully Crafted Open Source Icons
https://mynaui.com/icons
#ycombinator #figma #tailwindcss #design_system #ui_kit -
Show HN: MynaUI Icons – 1180 Beautifully Crafted Open Source Icons
https://mynaui.com/icons
#ycombinator #figma #tailwindcss #design_system #ui_kit -
Show HN: MynaUI Icons – 1180 Beautifully Crafted Open Source Icons
https://mynaui.com/icons
#ycombinator #figma #tailwindcss #design_system #ui_kit -
Мультипродуктовая дизайн-система: как сделать так, чтобы она реально работала
Мультипродуктовая дизайн-система должна обеспечивать консистентность всех продуктов компании, а также ускорять и удешевлять их разработку. Однако в реальной жизни мы видим другое: мультипродуктовые дизайн-системы лишь отчасти выполняют свои функции и, помимо плюсов, имеют ряд существенных минусов. Главный минус — невозможность удовлетворить все потребности всех продуктов (особенно если речь идет о десятках и сотнях), в результате чего неизбежно возникают форки, собственные разработки и другие расхождения, постепенно отдаляющие продукты от единой дизайн-системы. Выходит, что мультипродуктовые дизайн-системы работают, но с большими оговорками. Можно ли сделать так, чтобы они работали лучше? Меня зовут Анастасия Кабалкина, я руковожу дизайном направления FinOps в VK Tech. В этой статье мы с вами разберем проблемы мультипродуктовых дизайн-систем и попробуем их решить небольшой доработкой архитектуры. А если не решить, то хотя бы минимизировать :)
-
Мультипродуктовая дизайн-система: как сделать так, чтобы она реально работала
Мультипродуктовая дизайн-система должна обеспечивать консистентность всех продуктов компании, а также ускорять и удешевлять их разработку. Однако в реальной жизни мы видим другое: мультипродуктовые дизайн-системы лишь отчасти выполняют свои функции и, помимо плюсов, имеют ряд существенных минусов. Главный минус — невозможность удовлетворить все потребности всех продуктов (особенно если речь идет о десятках и сотнях), в результате чего неизбежно возникают форки, собственные разработки и другие расхождения, постепенно отдаляющие продукты от единой дизайн-системы. Выходит, что мультипродуктовые дизайн-системы работают, но с большими оговорками. Можно ли сделать так, чтобы они работали лучше? Меня зовут Анастасия Кабалкина, я руковожу дизайном направления FinOps в VK Tech. В этой статье мы с вами разберем проблемы мультипродуктовых дизайн-систем и попробуем их решить небольшой доработкой архитектуры. А если не решить, то хотя бы минимизировать :)