#figma_mcp — Public Fediverse posts

DS MCP: как дать AI-агенту знание о вашей дизайн-системе

Статья про то, как AI-агенту дали знание о дизайн-системе, чтобы он перестал придумывать несуществующие компоненты и начал верстать из того, что реально есть в проекте. Закрываем очень практичную боль: агент видит макет, умеет писать код, но не понимает, какими компонентами из вашего проекта этот экран нужно собирать. Внутри: Figma MCP, свой DS MCP, React, Jetpack Compose и SwiftUI, поиск по компонентам, ChromaDB, RAG, embeddings, препроцессор для описания дизайн-системы, грабли с чтением файлов, шумом в контексте, устаревающим SKILL.md и честное сравнение подходов по tool calls, токенам и результату. Заходите, читайте и рассказывайте, как вы решаете эту проблему у себя ❤️

https://habr.com/ru/companies/X5Tech/articles/1051322/

#mcp #aiагенты #дизайнсистема #figma_mcp #ds_mcp #rag #chromadb #генерация_верстки #векторный_поиск #frontend

Границы применимости LLM в мобильном UI-дизайне

LLM уже умеют быстро собирать мобильные макеты, и на первый взгляд результат часто выглядит убедительно. Кнопки похожи на кнопки, bottom sheet на bottom sheet, экран не разваливается, и его можно показать на обсуждении. Но на практике это всего лишь аккуратный черновик, который ещё нужно как следует доработать: посмотреть компоненты, состояния, навигацию, safe area, длинные тексты и поведение на маленьком экране. Поэтому предлагаю разобраться, где LLM-инструменты действительно снижают стоимость первой итерации, а где просто переносят сложность на следующий этап: дизайн-ревью, разбор состояний и ручную адаптацию под мобильный контекст. Зафиксируем практические границы применимости LLM при работе с мобильными макетами.

https://habr.com/ru/companies/raiffeisenbank/articles/1049108/

#llm #ai_в_дизайне #мобильный_ui #мобильные_макеты #uiдизайн #design_review #figma_mcp #прототипирование #дизайнсистема #uxпаттерны