#uikit — Public Fediverse posts

Назад в будущее UI-kit: как мы перевели живую библиотеку на дизайн-токены и ничего не сломали

UI-kit, которым пользуются несколько продуктовых команд, нельзя просто отправить в будущее и переписать под новый дизайн. За ним тянется прошлое: старые CSS-переменные, публичный API, кастомизации у потребителей и независимые релизные циклы. При этом бренд уже меняется, дизайнеры приносят новую палитру, типографику, motion, скругления и тёмную тему и всё это нужно аккуратно посадить на компоненты, которые продолжают работать в продакшене. Привет, Хабр! Меня зовут Амир, я Senior Vue.js Frontend Developer в экосистеме Лукоморье . Уже шесть лет я развиваю фронтенд большой внутренней ERP-платформы, в том числе внутренний UI-kit: около 50 компонентов на Vue 3 и TypeScript, которыми пользуются несколько продуктовых команд в Ростелекоме. В этой статье расскажу, как мы устроили для UI-kit такое «назад в будущее»: в одной долгоживущей ветке sova провели редизайн поверх работающих компонентов, сохранили публичный API для команд-потребителей и перевели визуальный слой на новую архитектуру. Мы внедрили 3-tier-систему дизайн-токенов, собрали pipeline на Style Dictionary и Tokens Studio for Figma, оставили старые CSS-переменные через legacy-алиасы, а заодно закрыли несколько долгов библиотеки: типизацию шаблонов, встроенный SVG-спрайт на 816 иконок, утилиту темизации и вынос runtime-зависимостей с сокращением бандла с 940 до 150 КБ. Материал будет полезен инженерам дизайн-систем, фронтенд-архитекторам и тимлидам, которые поддерживают UI-kit для нескольких продуктовых команд и думают, как провести редизайн без поломки потребителей. Внутри — код, архитектурные решения, компромиссы и честные выводы по итогам миграции.

https://habr.com/ru/companies/lukit_ru/articles/1046493/

#uikit #дизайнтокены #лукоморье #фронтенд #фронтендразработка #фронтенд_разработка #фронтэнд_javascript #vuejs #vuejs #javascript

Назад в будущее UI-kit: как мы перевели живую библиотеку на дизайн-токены и ничего не сломали

UI-kit, которым пользуются несколько продуктовых команд, нельзя просто отправить в будущее и переписать под новый дизайн. За ним тянется прошлое: старые CSS-переменные, публичный API, кастомизации у потребителей и независимые релизные циклы. При этом бренд уже меняется, дизайнеры приносят новую палитру, типографику, motion, скругления и тёмную тему и всё это нужно аккуратно посадить на компоненты, которые продолжают работать в продакшене. Привет, Хабр! Меня зовут Амир, я Senior Vue.js Frontend Developer в экосистеме Лукоморье . Уже шесть лет я развиваю фронтенд большой внутренней ERP-платформы, в том числе внутренний UI-kit: около 50 компонентов на Vue 3 и TypeScript, которыми пользуются несколько продуктовых команд в Ростелекоме. В этой статье расскажу, как мы устроили для UI-kit такое «назад в будущее»: в одной долгоживущей ветке sova провели редизайн поверх работающих компонентов, сохранили публичный API для команд-потребителей и перевели визуальный слой на новую архитектуру. Мы внедрили 3-tier-систему дизайн-токенов, собрали pipeline на Style Dictionary и Tokens Studio for Figma, оставили старые CSS-переменные через legacy-алиасы, а заодно закрыли несколько долгов библиотеки: типизацию шаблонов, встроенный SVG-спрайт на 816 иконок, утилиту темизации и вынос runtime-зависимостей с сокращением бандла с 940 до 150 КБ. Материал будет полезен инженерам дизайн-систем, фронтенд-архитекторам и тимлидам, которые поддерживают UI-kit для нескольких продуктовых команд и думают, как провести редизайн без поломки потребителей. Внутри — код, архитектурные решения, компромиссы и честные выводы по итогам миграции.

https://habr.com/ru/companies/lukit_ru/articles/1046493/

#uikit #дизайнтокены #лукоморье #фронтенд #фронтендразработка #фронтенд_разработка #фронтэнд_javascript #vuejs #vuejs #javascript

Назад в будущее UI-kit: как мы перевели живую библиотеку на дизайн-токены и ничего не сломали

UI-kit, которым пользуются несколько продуктовых команд, нельзя просто отправить в будущее и переписать под новый дизайн. За ним тянется прошлое: старые CSS-переменные, публичный API, кастомизации у потребителей и независимые релизные циклы. При этом бренд уже меняется, дизайнеры приносят новую палитру, типографику, motion, скругления и тёмную тему и всё это нужно аккуратно посадить на компоненты, которые продолжают работать в продакшене. Привет, Хабр! Меня зовут Амир, я Senior Vue.js Frontend Developer в экосистеме Лукоморье . Уже шесть лет я развиваю фронтенд большой внутренней ERP-платформы, в том числе внутренний UI-kit: около 50 компонентов на Vue 3 и TypeScript, которыми пользуются несколько продуктовых команд в Ростелекоме. В этой статье расскажу, как мы устроили для UI-kit такое «назад в будущее»: в одной долгоживущей ветке sova провели редизайн поверх работающих компонентов, сохранили публичный API для команд-потребителей и перевели визуальный слой на новую архитектуру. Мы внедрили 3-tier-систему дизайн-токенов, собрали pipeline на Style Dictionary и Tokens Studio for Figma, оставили старые CSS-переменные через legacy-алиасы, а заодно закрыли несколько долгов библиотеки: типизацию шаблонов, встроенный SVG-спрайт на 816 иконок, утилиту темизации и вынос runtime-зависимостей с сокращением бандла с 940 до 150 КБ. Материал будет полезен инженерам дизайн-систем, фронтенд-архитекторам и тимлидам, которые поддерживают UI-kit для нескольких продуктовых команд и думают, как провести редизайн без поломки потребителей. Внутри — код, архитектурные решения, компромиссы и честные выводы по итогам миграции.

https://habr.com/ru/companies/lukit_ru/articles/1046493/

#uikit #дизайнтокены #лукоморье #фронтенд #фронтендразработка #фронтенд_разработка #фронтэнд_javascript #vuejs #vuejs #javascript

Как превращать дизайнерские требования в архитектуру UI-компонента

Привет! Меня зовут Даниил Замешаев, я frontend-разработчик в компании МойСклад, и в том числе занимаюсь развитием внутреннего UIKIT компании. В этой статье я расскажу про подход к анализу дизайнерских требований для frontend-разработчиков. На примере реального кейса я хочу поговорить о двух практических вещах: - как анализировать дизайнерские требования так, чтобы на выходе получать понятные технические требования, пригодные для реализации; - как решать, какие из получившихся требований можно оставить декларативными (через типизацию), а какими лучше управлять в рантайме. В основном я буду говорить про UIKIT и компоненты дизайн-системы, но сами принципы применимы к любым макетам и требованиям от дизайнеров, аналитиков и продактов.

https://habr.com/ru/companies/moysklad/articles/1020848/

#frontend #uikit #дизайнсистема #мойсклад

How to Audit Your UX: 4 Proven Models to Identify Gaps and Drive Better Experiences

https://xpartui.com/how-to-audit-your-ux-4-proven-models-to-identify-gaps-and-drive-better-experiences/

#uxgoals #designtrends #interface #graphicdesign #branding #creativeui #designlife #uxlovers #uiuxdesign #userjourney #uxmapping #uxwireframe #designstudio #uxagency #uxteam #figmacommunity #figmatemplate #freeui #uikit #webtemplate #apptemplate #uxpatterns #uiinspiration #uxinspo #designresources #designkit

Website UI UX design for Client..

#uxgoals #designtrends #interface #graphicdesign #branding #creativeui #designlife #uxlovers #uiuxdesign #userjourney #uxmapping #uxwireframe #designstudio #uxagency #uxteam #figmacommunity #figmatemplate #freeui #uikit #webtemplate #apptemplate #uxpatterns #uiinspiration #uxinspo #designresources #designkit

📩 Support & Contact

📧 Email: [email protected]
🌐 Website: https://xpartui.com
💬 WhatsApp: +8801536101044

iOS 26 zdradza możliwe plany Apple na składanego iPhone’a

Podczas sesji WWDC 2025 Apple subtelnie zasugerowało nadchodzące zmiany sprzętowe.

Podczas jednej z sesji dla deweloperów „Make your UIKit app more flexible” ujawniono, że aplikacje zbudowane przy użyciu iOS 26 SDK nie będą już skalowane ani „letterboxowane” na nowych rozmiarach ekranów — co może oznaczać przygotowania na zupełnie nową kategorię urządzeń.

Dotąd Apple automatycznie dopasowywało starsze aplikacje do nowych ekranów, np. wyższych iPhone’ów czy nowych iPadów. Od iOS 26 to się zmienia — co zdaniem wielu analityków może być najmocniejszą jak dotąd wskazówką, że składany iPhone jest bliski premiery.

Dodatkowo, wcześniejsze przecieki z Weibo sugerują, że Apple testuje składany prototyp z ekranem wewnętrznym o proporcjach 14,1:10 i zewnętrznym 14,6:10 oraz bocznym Touch ID.

Nowe zasady projektowania interfejsu i zmiany w SDK wyraźnie wskazują na to, że Apple szykuje się na urządzenie z nietypowym formatem ekranu — co idealnie pasuje do spekulacji o nadchodzącym składanym iPhonie.

Czego nie pokazano podczas WWDC 2025 – część 3

Podobne nowości, których nie wymieniono podczas Apple Event otwierającego tegoroczne WWDC 2025, a które pojawiły się na sesjach deweloperskich — omawiam w trzech częściach wpisów im poświęconych oraz ostatnim odcinku mojego podcastu.

#AppleFold #ApplePrzecieki #DigitalChatStation #elastycznyInterfejs #iOS26 #iOSSDK #iPadOS26 #iPhone2026 #iPhoneFold #noweUrządzeniaApple #nowyRozmiarEkranu #plotka #Plotki #składanyIPhone #UIKit #WWDC2025

via @dotnet : Building Real‑Time iOS Apps with SignalR: Introducing the Official Swift Client (Public Preview)

https://ift.tt/FR8gO7Z
#SignalR #iOSDevelopment #SwiftClient #RealTimeApps #SwiftUI #UIKit #PublicPreview #BiDirectionalCommunication #AIChat #DotNet #…

via @dotnet : Building Real‑Time iOS Apps with SignalR: Introducing the Official Swift Client (Public Preview)

https://ift.tt/FR8gO7Z
#SignalR #iOSDevelopment #SwiftClient #RealTimeApps #SwiftUI #UIKit #PublicPreview #BiDirectionalCommunication #AIChat #DotNet #…

via @dotnet : Building Real‑Time iOS Apps with SignalR: Introducing the Official Swift Client (Public Preview)

https://ift.tt/FR8gO7Z
#SignalR #iOSDevelopment #SwiftClient #RealTimeApps #SwiftUI #UIKit #PublicPreview #BiDirectionalCommunication #AIChat #DotNet #…

via @dotnet : Building Real‑Time iOS Apps with SignalR: Introducing the Official Swift Client (Public Preview)

https://ift.tt/FR8gO7Z
#SignalR #iOSDevelopment #SwiftClient #RealTimeApps #SwiftUI #UIKit #PublicPreview #BiDirectionalCommunication #AIChat #DotNet #…

via @dotnet : Building Real‑Time iOS Apps with SignalR: Introducing the Official Swift Client (Public Preview)

https://ift.tt/FR8gO7Z
#SignalR #iOSDevelopment #SwiftClient #RealTimeApps #SwiftUI #UIKit #PublicPreview #BiDirectionalCommunication #AIChat #DotNet #…

Unfortunately, I have to look for a new job.

I'm an #iOS and #macOS #software #developer, experienced in #UIKit, #AppKit, #ObjectiveC, #Swift and #SwiftUI, have worked with the #Parse framework as well as #Realm / #MongoDB and the whole toolchain around it. I have been working in software development for about 30 years and am looking for a remote position (permanent role, preferably in an AT/DE startup).

So if you know someone who knows someone. Thanks for sharing. 🙏🏻

#FediHire #JobSearch

Leider muss ich mir einen neuen Job suchen. Ich bin #iOS und #macOS #Software-#Entwickler, kenne #UIKit, #AppKit, #ObjectiveC, #Swift und #SwiftUI, hab Erfahrung mit dem #Parse-Framework sowie #Realm / #MongoDB und der ganzen Toolchain drumherum. Ich arbeite seit ca. 30 Jahren in der Software-Entwicklung und suche eine Remote-Anstellung (vorzugsw. in einem Startup).

Solltet ihr also jemanden kennen, der jemanden kennt… Danke fürs Teilen. 🙏🏻

:BoostOK:

#FediHire #Jobsuche

Neuer Versuch.

Betriebsbedingt muss ich mir leider einen neuen Job suchen. Ich bin #iOS und #macOS #Entwickler, kenne #UIKit, #AppKit, #ObjectiveC, #Swift und #SwiftUI, hab Erfahrung mit dem #Parse-Framework sowie #Realm / #MongoDB und der ganzen Toolchain drumherum. Ich arbeite seit ca. 30 Jahren in der Software-Entwicklung und suche eine Remote-Anstellung (vorzugsw. in einem Startup).

Solltet ihr also jemanden kennen, der jemanden kennt… Danke fürs Teilen. 🙏🏻

:BoostOK:

#FediHire #JobSuche

Btw: Ich muss nicht unbedingt in diesem Bereich arbeiten. Es ist nur das, was ich schon lange mache und kann. Wenn mir die Moeglichkeit geboten wird, mich On-The-Fly in ein neues Gebiet einzuarbeiten, bitte gerne! Es sollte eben nur Remote sein.

#iOS #macOS #Software #Entwickler #UIKit #AppKit #ObjectiveC #Swift #SwiftUI #Parse #Realm #MongoDB #FediHire

Neuer Versuch.

Betriebsbedingt muss ich mir leider einen neuen Job suchen. Ich bin #iOS und #macOS #Software-#Entwickler, kenne #UIKit, #AppKit, #ObjectiveC, #Swift und #SwiftUI, hab Erfahrung mit dem #Parse-Framework sowie #Realm / #MongoDB und der ganzen Toolchain drumherum. Ich arbeite seit ca. 30 Jahren in der Software-Entwicklung und suche eine Remote-Anstellung (vorzugsw. in einem Startup).

Solltet ihr also jemanden kennen, der jemanden kennt… Danke fürs Teilen. 🙏🏻

:BoostOK:

#FediHire