home.social

#макеты — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #макеты, aggregated by home.social.

  1. От макетов до кода: как AI-прототипы упростили жизнь разработчикам и тестировщикам

    Привет! Я — Аля, старший продакт-менеджер выделенных серверов в Selectel. Представьте, вашей команде нужно разработать новый интерфейс для продукта. Вы ставите задачу на дизайнера, а он приносит статичные картинки экранов в Figma. На встрече команда смотрит на них и понимает, что половина сценариев не продумана. Возникают вопросы: «Что будет, если пользователь нажмет на кнопку или данные не загрузятся?» И вместо того, чтобы передать задачу в разработку, вам приходится выяснять детали в комментариях и чатах. Нам это хорошо знакомо. Долгие циклы согласований, переделки после релиза, сложности с тестированием — все это было частью нашего процесса. Чтобы решить эти проблемы, мы решили попробовать AI-инструменты для прототипирования. В статье расскажу, как Figma Make и другие сервисы помогли нашей команде ускорить создание прототипов и сократить количество правок. Будет полезно тем, кто устал от цикла «получить макет → найти проблему → подождать правки → повторить».

    habr.com/ru/companies/selectel

    #selectel #управление_продуктом #разработка #вебприложение #макеты #ai #ии #figma_make #figma #прототипы

  2. От макетов до кода: как AI-прототипы упростили жизнь разработчикам и тестировщикам

    Привет! Я — Аля, старший продакт-менеджер выделенных серверов в Selectel. Представьте, вашей команде нужно разработать новый интерфейс для продукта. Вы ставите задачу на дизайнера, а он приносит статичные картинки экранов в Figma. На встрече команда смотрит на них и понимает, что половина сценариев не продумана. Возникают вопросы: «Что будет, если пользователь нажмет на кнопку или данные не загрузятся?» И вместо того, чтобы передать задачу в разработку, вам приходится выяснять детали в комментариях и чатах. Нам это хорошо знакомо. Долгие циклы согласований, переделки после релиза, сложности с тестированием — все это было частью нашего процесса. Чтобы решить эти проблемы, мы решили попробовать AI-инструменты для прототипирования. В статье расскажу, как Figma Make и другие сервисы помогли нашей команде ускорить создание прототипов и сократить количество правок. Будет полезно тем, кто устал от цикла «получить макет → найти проблему → подождать правки → повторить».

    habr.com/ru/companies/selectel

    #selectel #управление_продуктом #разработка #вебприложение #макеты #ai #ии #figma_make #figma #прототипы

  3. От макетов до кода: как AI-прототипы упростили жизнь разработчикам и тестировщикам

    Привет! Я — Аля, старший продакт-менеджер выделенных серверов в Selectel. Представьте, вашей команде нужно разработать новый интерфейс для продукта. Вы ставите задачу на дизайнера, а он приносит статичные картинки экранов в Figma. На встрече команда смотрит на них и понимает, что половина сценариев не продумана. Возникают вопросы: «Что будет, если пользователь нажмет на кнопку или данные не загрузятся?» И вместо того, чтобы передать задачу в разработку, вам приходится выяснять детали в комментариях и чатах. Нам это хорошо знакомо. Долгие циклы согласований, переделки после релиза, сложности с тестированием — все это было частью нашего процесса. Чтобы решить эти проблемы, мы решили попробовать AI-инструменты для прототипирования. В статье расскажу, как Figma Make и другие сервисы помогли нашей команде ускорить создание прототипов и сократить количество правок. Будет полезно тем, кто устал от цикла «получить макет → найти проблему → подождать правки → повторить».

    habr.com/ru/companies/selectel

    #selectel #управление_продуктом #разработка #вебприложение #макеты #ai #ии #figma_make #figma #прототипы

  4. От макетов до кода: как AI-прототипы упростили жизнь разработчикам и тестировщикам

    Привет! Я — Аля, старший продакт-менеджер выделенных серверов в Selectel. Представьте, вашей команде нужно разработать новый интерфейс для продукта. Вы ставите задачу на дизайнера, а он приносит статичные картинки экранов в Figma. На встрече команда смотрит на них и понимает, что половина сценариев не продумана. Возникают вопросы: «Что будет, если пользователь нажмет на кнопку или данные не загрузятся?» И вместо того, чтобы передать задачу в разработку, вам приходится выяснять детали в комментариях и чатах. Нам это хорошо знакомо. Долгие циклы согласований, переделки после релиза, сложности с тестированием — все это было частью нашего процесса. Чтобы решить эти проблемы, мы решили попробовать AI-инструменты для прототипирования. В статье расскажу, как Figma Make и другие сервисы помогли нашей команде ускорить создание прототипов и сократить количество правок. Будет полезно тем, кто устал от цикла «получить макет → найти проблему → подождать правки → повторить».

    habr.com/ru/companies/selectel

    #selectel #управление_продуктом #разработка #вебприложение #макеты #ai #ии #figma_make #figma #прототипы

  5. От миграции к сотрудничеству: опыт перехода на Pixso

    Привет, Хабр! Меня зовут Григорий и я руковожу отделом продуктового дизайна в «Лаборатории Касперского». Хочу рассказать историю, которая началась как форс-мажор, продолжилась как управленческий челлендж и закончилась как хорошая тренировка, позволившая нам проверить устойчивость процессов, силу команды и надежность новых технологических партнёров. Речь пойдёт о том, как в один момент может перевернуться жизнь целого дизайн-департамента (и не только), вынужденного сменить основной рабочий инструмент с Figma на Pixso и как грамотная организация работы помогает минимизировать влияние на непрерывность бизнес-процессов при экстренном переходе на другое решение. Как и большинство продуктовых команд на рынке, мы проектировали интерфейсы в Figma. Дизайн-системы, библиотеки компонентов, процессы передачи в разработку, плагины, синхронизация процессов все было выстроено в Figma за последние пять-шесть лет, все стабильно работало и обеспечивало скорость выпуска продуктов. Но однажды ночью эта стабильность пошатнулась: мы узнали, что продукт придется сменить. В этом посте я хочу поделиться опытом экстренной миграции, рассказать о сложностях, с которыми мы столкнулись, о найденных путях их преодоления, и о том, как в процессе вынужденной замены привычного инструмента нашли технологических партнеров, готовых меняться под наши задачи и расти вместе с нами.

    habr.com/ru/companies/kaspersk

    #figma #дизайнсистема #дизайн_интерфейсов #макеты #дизайн #продуктовый_дизайн

  6. От миграции к сотрудничеству: опыт перехода на Pixso

    Привет, Хабр! Меня зовут Григорий и я руковожу отделом продуктового дизайна в «Лаборатории Касперского». Хочу рассказать историю, которая началась как форс-мажор, продолжилась как управленческий челлендж и закончилась как хорошая тренировка, позволившая нам проверить устойчивость процессов, силу команды и надежность новых технологических партнёров. Речь пойдёт о том, как в один момент может перевернуться жизнь целого дизайн-департамента (и не только), вынужденного сменить основной рабочий инструмент с Figma на Pixso и как грамотная организация работы помогает минимизировать влияние на непрерывность бизнес-процессов при экстренном переходе на другое решение. Как и большинство продуктовых команд на рынке, мы проектировали интерфейсы в Figma. Дизайн-системы, библиотеки компонентов, процессы передачи в разработку, плагины, синхронизация процессов все было выстроено в Figma за последние пять-шесть лет, все стабильно работало и обеспечивало скорость выпуска продуктов. Но однажды ночью эта стабильность пошатнулась: мы узнали, что продукт придется сменить. В этом посте я хочу поделиться опытом экстренной миграции, рассказать о сложностях, с которыми мы столкнулись, о найденных путях их преодоления, и о том, как в процессе вынужденной замены привычного инструмента нашли технологических партнеров, готовых меняться под наши задачи и расти вместе с нами.

    habr.com/ru/companies/kaspersk

    #figma #дизайнсистема #дизайн_интерфейсов #макеты #дизайн #продуктовый_дизайн

  7. От миграции к сотрудничеству: опыт перехода на Pixso

    Привет, Хабр! Меня зовут Григорий и я руковожу отделом продуктового дизайна в «Лаборатории Касперского». Хочу рассказать историю, которая началась как форс-мажор, продолжилась как управленческий челлендж и закончилась как хорошая тренировка, позволившая нам проверить устойчивость процессов, силу команды и надежность новых технологических партнёров. Речь пойдёт о том, как в один момент может перевернуться жизнь целого дизайн-департамента (и не только), вынужденного сменить основной рабочий инструмент с Figma на Pixso и как грамотная организация работы помогает минимизировать влияние на непрерывность бизнес-процессов при экстренном переходе на другое решение. Как и большинство продуктовых команд на рынке, мы проектировали интерфейсы в Figma. Дизайн-системы, библиотеки компонентов, процессы передачи в разработку, плагины, синхронизация процессов все было выстроено в Figma за последние пять-шесть лет, все стабильно работало и обеспечивало скорость выпуска продуктов. Но однажды ночью эта стабильность пошатнулась: мы узнали, что продукт придется сменить. В этом посте я хочу поделиться опытом экстренной миграции, рассказать о сложностях, с которыми мы столкнулись, о найденных путях их преодоления, и о том, как в процессе вынужденной замены привычного инструмента нашли технологических партнеров, готовых меняться под наши задачи и расти вместе с нами.

    habr.com/ru/companies/kaspersk

    #figma #дизайнсистема #дизайн_интерфейсов #макеты #дизайн #продуктовый_дизайн

  8. От миграции к сотрудничеству: опыт перехода на Pixso

    Привет, Хабр! Меня зовут Григорий и я руковожу отделом продуктового дизайна в «Лаборатории Касперского». Хочу рассказать историю, которая началась как форс-мажор, продолжилась как управленческий челлендж и закончилась как хорошая тренировка, позволившая нам проверить устойчивость процессов, силу команды и надежность новых технологических партнёров. Речь пойдёт о том, как в один момент может перевернуться жизнь целого дизайн-департамента (и не только), вынужденного сменить основной рабочий инструмент с Figma на Pixso и как грамотная организация работы помогает минимизировать влияние на непрерывность бизнес-процессов при экстренном переходе на другое решение. Как и большинство продуктовых команд на рынке, мы проектировали интерфейсы в Figma. Дизайн-системы, библиотеки компонентов, процессы передачи в разработку, плагины, синхронизация процессов все было выстроено в Figma за последние пять-шесть лет, все стабильно работало и обеспечивало скорость выпуска продуктов. Но однажды ночью эта стабильность пошатнулась: мы узнали, что продукт придется сменить. В этом посте я хочу поделиться опытом экстренной миграции, рассказать о сложностях, с которыми мы столкнулись, о найденных путях их преодоления, и о том, как в процессе вынужденной замены привычного инструмента нашли технологических партнеров, готовых меняться под наши задачи и расти вместе с нами.

    habr.com/ru/companies/kaspersk

    #figma #дизайнсистема #дизайн_интерфейсов #макеты #дизайн #продуктовый_дизайн

  9. Чек-лист макета перед передачей в разработку

    Чек-лист дизайнеру, чтобы не забыть как готовить макет в figma к передаче в разработку для мобилок и веба

    habr.com/ru/articles/970626/

    #продуктовый_дизайн #веб_дизайн #мобильный_дизайн #передача_макета_в_разработку #макеты #figma

  10. Чек-лист макета перед передачей в разработку

    Чек-лист дизайнеру, чтобы не забыть как готовить макет в figma к передаче в разработку для мобилок и веба

    habr.com/ru/articles/970626/

    #продуктовый_дизайн #веб_дизайн #мобильный_дизайн #передача_макета_в_разработку #макеты #figma

  11. Чек-лист макета перед передачей в разработку

    Чек-лист дизайнеру, чтобы не забыть как готовить макет в figma к передаче в разработку для мобилок и веба

    habr.com/ru/articles/970626/

    #продуктовый_дизайн #веб_дизайн #мобильный_дизайн #передача_макета_в_разработку #макеты #figma

  12. Чек-лист макета перед передачей в разработку

    Чек-лист дизайнеру, чтобы не забыть как готовить макет в figma к передаче в разработку для мобилок и веба

    habr.com/ru/articles/970626/

    #продуктовый_дизайн #веб_дизайн #мобильный_дизайн #передача_макета_в_разработку #макеты #figma

  13. [Перевод] Крутимся, крутимся, крутимся к Марсу¹

    В 1984 году в штате Колорадо группа учёных, инженеров и аспирантов провела конференцию. Заправляло всем ядро энтузиастов, которое с подачи одного журналиста прозвали « марсианское подполье » [Mars Underground]. На этой конференции разработали концепцию пилотируемой экспедиции на Марс. Среди участников был художник по имени Картер Эммарт, который зарисовал, а позже детально проиллюстрировал фазы марсианской миссии. За счёт этого в течение как минимум десятилетия этот вариант полёта на Марс фигурировал в литературе (в том числе художественной) как предполагаемый способ освоения Красной планеты человеком. Эта концепция повлияла и на культуру, и на подход к проектированию пилотируемых миссий на Марс.

    habr.com/ru/articles/959788/

    #Марс #высадка_на_Марс #Роберт_Зубрин #Mars_Direct #Курс_на_Марс #Case_for_Mars #иллюстрации #космические_корабли #макеты #колонизация_Марса

  14. [Перевод] Крутимся, крутимся, крутимся к Марсу¹

    В 1984 году в штате Колорадо группа учёных, инженеров и аспирантов провела конференцию. Заправляло всем ядро энтузиастов, которое с подачи одного журналиста прозвали « марсианское подполье » [Mars Underground]. На этой конференции разработали концепцию пилотируемой экспедиции на Марс. Среди участников был художник по имени Картер Эммарт, который зарисовал, а позже детально проиллюстрировал фазы марсианской миссии. За счёт этого в течение как минимум десятилетия этот вариант полёта на Марс фигурировал в литературе (в том числе художественной) как предполагаемый способ освоения Красной планеты человеком. Эта концепция повлияла и на культуру, и на подход к проектированию пилотируемых миссий на Марс.

    habr.com/ru/articles/959788/

    #Марс #высадка_на_Марс #Роберт_Зубрин #Mars_Direct #Курс_на_Марс #Case_for_Mars #иллюстрации #космические_корабли #макеты #колонизация_Марса

  15. [Перевод] Крутимся, крутимся, крутимся к Марсу¹

    В 1984 году в штате Колорадо группа учёных, инженеров и аспирантов провела конференцию. Заправляло всем ядро энтузиастов, которое с подачи одного журналиста прозвали « марсианское подполье » [Mars Underground]. На этой конференции разработали концепцию пилотируемой экспедиции на Марс. Среди участников был художник по имени Картер Эммарт, который зарисовал, а позже детально проиллюстрировал фазы марсианской миссии. За счёт этого в течение как минимум десятилетия этот вариант полёта на Марс фигурировал в литературе (в том числе художественной) как предполагаемый способ освоения Красной планеты человеком. Эта концепция повлияла и на культуру, и на подход к проектированию пилотируемых миссий на Марс.

    habr.com/ru/articles/959788/

    #Марс #высадка_на_Марс #Роберт_Зубрин #Mars_Direct #Курс_на_Марс #Case_for_Mars #иллюстрации #космические_корабли #макеты #колонизация_Марса

  16. [Перевод] Крутимся, крутимся, крутимся к Марсу¹

    В 1984 году в штате Колорадо группа учёных, инженеров и аспирантов провела конференцию. Заправляло всем ядро энтузиастов, которое с подачи одного журналиста прозвали « марсианское подполье » [Mars Underground]. На этой конференции разработали концепцию пилотируемой экспедиции на Марс. Среди участников был художник по имени Картер Эммарт, который зарисовал, а позже детально проиллюстрировал фазы марсианской миссии. За счёт этого в течение как минимум десятилетия этот вариант полёта на Марс фигурировал в литературе (в том числе художественной) как предполагаемый способ освоения Красной планеты человеком. Эта концепция повлияла и на культуру, и на подход к проектированию пилотируемых миссий на Марс.

    habr.com/ru/articles/959788/

    #Марс #высадка_на_Марс #Роберт_Зубрин #Mars_Direct #Курс_на_Марс #Case_for_Mars #иллюстрации #космические_корабли #макеты #колонизация_Марса

  17. Как дизайнеру с помощью макетов оптимизировать процессы и сэкономить время

    Привет! Я Влад — старший дизайнер в Альфа-Банке, занимаюсь фичами в «Платежах и переводах». Неровно дышу к улучшению внутренних процессов в компании, поэтому часто выступаю с различными инициативами, одна из которых — разработка стандарта оформления макетов для мобильного банка. Этот набор правил и блоков для оформления я назвал Хелперами, опубликовал в качестве библиотеки и начал экспансию. Использование было добровольным, но благодаря «сарафанному радио» они стали популярными, и за пару лет десятки дизайнеров начали с ними работать. Хелперы прошли три мажорные версии, а в этом году легли в основу общебанковских требований к оформлению сценариев. В статье покажу, как Хэлперы эволюционировали до текущего вида, как помогают сотне дизайнеров не путаться в своих и чужих макетах, и поделюсь другими полезными сторонами стандартов для команды.

    habr.com/ru/companies/alfa/art

    #дизайн #дизайн_интерфейсов #макеты #ux_design #оформление #вёрстка #макет_интерфейса

  18. Как дизайнеру с помощью макетов оптимизировать процессы и сэкономить время

    Привет! Я Влад — старший дизайнер в Альфа-Банке, занимаюсь фичами в «Платежах и переводах». Неровно дышу к улучшению внутренних процессов в компании, поэтому часто выступаю с различными инициативами, одна из которых — разработка стандарта оформления макетов для мобильного банка. Этот набор правил и блоков для оформления я назвал Хелперами, опубликовал в качестве библиотеки и начал экспансию. Использование было добровольным, но благодаря «сарафанному радио» они стали популярными, и за пару лет десятки дизайнеров начали с ними работать. Хелперы прошли три мажорные версии, а в этом году легли в основу общебанковских требований к оформлению сценариев. В статье покажу, как Хэлперы эволюционировали до текущего вида, как помогают сотне дизайнеров не путаться в своих и чужих макетах, и поделюсь другими полезными сторонами стандартов для команды.

    habr.com/ru/companies/alfa/art

    #дизайн #дизайн_интерфейсов #макеты #ux_design #оформление #вёрстка #макет_интерфейса

  19. Как дизайнеру с помощью макетов оптимизировать процессы и сэкономить время

    Привет! Я Влад — старший дизайнер в Альфа-Банке, занимаюсь фичами в «Платежах и переводах». Неровно дышу к улучшению внутренних процессов в компании, поэтому часто выступаю с различными инициативами, одна из которых — разработка стандарта оформления макетов для мобильного банка. Этот набор правил и блоков для оформления я назвал Хелперами, опубликовал в качестве библиотеки и начал экспансию. Использование было добровольным, но благодаря «сарафанному радио» они стали популярными, и за пару лет десятки дизайнеров начали с ними работать. Хелперы прошли три мажорные версии, а в этом году легли в основу общебанковских требований к оформлению сценариев. В статье покажу, как Хэлперы эволюционировали до текущего вида, как помогают сотне дизайнеров не путаться в своих и чужих макетах, и поделюсь другими полезными сторонами стандартов для команды.

    habr.com/ru/companies/alfa/art

    #дизайн #дизайн_интерфейсов #макеты #ux_design #оформление #вёрстка #макет_интерфейса

  20. Как дизайнеру с помощью макетов оптимизировать процессы и сэкономить время

    Привет! Я Влад — старший дизайнер в Альфа-Банке, занимаюсь фичами в «Платежах и переводах». Неровно дышу к улучшению внутренних процессов в компании, поэтому часто выступаю с различными инициативами, одна из которых — разработка стандарта оформления макетов для мобильного банка. Этот набор правил и блоков для оформления я назвал Хелперами, опубликовал в качестве библиотеки и начал экспансию. Использование было добровольным, но благодаря «сарафанному радио» они стали популярными, и за пару лет десятки дизайнеров начали с ними работать. Хелперы прошли три мажорные версии, а в этом году легли в основу общебанковских требований к оформлению сценариев. В статье покажу, как Хэлперы эволюционировали до текущего вида, как помогают сотне дизайнеров не путаться в своих и чужих макетах, и поделюсь другими полезными сторонами стандартов для команды.

    habr.com/ru/companies/alfa/art

    #дизайн #дизайн_интерфейсов #макеты #ux_design #оформление #вёрстка #макет_интерфейса

  21. Актуальность компонента

    Знакома ли вам ситуация, когда вы заходите в чужой макет, берете оттуда компоненты, верстаете экран и вот-вот собираетесь передавать его в разработку, как вдруг выясняется, что компоненты не из дизайн-системы (ДС) или давно удалены? Теперь всё приходится пересобирать. Знакомо? Как это решить? По этой причине и была придумана система статусов компонентов. Они помогают обозначить актуальность компонентов как для дизайнеров, так и для разработчиков. Статусы помогают определить, актуален ли компонент, удален ли он или это часть компонента из ДС, которым не следует пользоваться. Давайте по порядку. Ниже приведен пример макета, в котором есть как актуальные, так и неактуальные компоненты.

    habr.com/ru/articles/842346/

    #дизайнсистема #figma #компоненты #UIUX #макеты #верстка #дизайнеры #интерфейсы #дизайн #разработка

  22. Актуальность компонента

    Знакома ли вам ситуация, когда вы заходите в чужой макет, берете оттуда компоненты, верстаете экран и вот-вот собираетесь передавать его в разработку, как вдруг выясняется, что компоненты не из дизайн-системы (ДС) или давно удалены? Теперь всё приходится пересобирать. Знакомо? Как это решить? По этой причине и была придумана система статусов компонентов. Они помогают обозначить актуальность компонентов как для дизайнеров, так и для разработчиков. Статусы помогают определить, актуален ли компонент, удален ли он или это часть компонента из ДС, которым не следует пользоваться. Давайте по порядку. Ниже приведен пример макета, в котором есть как актуальные, так и неактуальные компоненты.

    habr.com/ru/articles/842346/

    #дизайнсистема #figma #компоненты #UIUX #макеты #верстка #дизайнеры #интерфейсы #дизайн #разработка

  23. Актуальность компонента

    Знакома ли вам ситуация, когда вы заходите в чужой макет, берете оттуда компоненты, верстаете экран и вот-вот собираетесь передавать его в разработку, как вдруг выясняется, что компоненты не из дизайн-системы (ДС) или давно удалены? Теперь всё приходится пересобирать. Знакомо? Как это решить? По этой причине и была придумана система статусов компонентов. Они помогают обозначить актуальность компонентов как для дизайнеров, так и для разработчиков. Статусы помогают определить, актуален ли компонент, удален ли он или это часть компонента из ДС, которым не следует пользоваться. Давайте по порядку. Ниже приведен пример макета, в котором есть как актуальные, так и неактуальные компоненты.

    habr.com/ru/articles/842346/

    #дизайнсистема #figma #компоненты #UIUX #макеты #верстка #дизайнеры #интерфейсы #дизайн #разработка

  24. Как мы выстроили процесс работы с макетами

    Меня зовут Алина Шилова, я работаю системным аналитиком над внутренними продуктами Tele2. Вот уже два года наша команда занимается разработкой портала для сотрудников компании. Специально для создания платформы была набрана команда. За 10 лет работы в ИТ-сфере это был мой первый опыт такого глобального запуска рабочих процессов с нуля, и в этой статье я хотела бы поделиться с аудиторией Хабра частью полученных знаний. Я расскажу о том, как мы настроили цикл работы с макетами – от их создания до сдачи разработчикам. Интересно? Переходите под кат!

    habr.com/ru/companies/tele2/ar

    #системный_анализ #макеты #аналитик #дизайн #проектирование_интерфейсов #управление_проектами #agile #управление_командой #управление_проектами_и_командой

  25. Как мы выстроили процесс работы с макетами

    Меня зовут Алина Шилова, я работаю системным аналитиком над внутренними продуктами Tele2. Вот уже два года наша команда занимается разработкой портала для сотрудников компании. Специально для создания платформы была набрана команда. За 10 лет работы в ИТ-сфере это был мой первый опыт такого глобального запуска рабочих процессов с нуля, и в этой статье я хотела бы поделиться с аудиторией Хабра частью полученных знаний. Я расскажу о том, как мы настроили цикл работы с макетами – от их создания до сдачи разработчикам. Интересно? Переходите под кат!

    habr.com/ru/companies/tele2/ar

    #системный_анализ #макеты #аналитик #дизайн #проектирование_интерфейсов #управление_проектами #agile #управление_командой #управление_проектами_и_командой