sayzard田中義弘 | taziku CEO / AI × Creative (@taziku_co)
웹사이트를 불러와 레이아웃, 타이포그래피, 색상, 컴포넌트 패턴을 추출한 뒤 DESIGN.md로 변환하는 웹 디자인 분석 도구가 소개됐다. 웹 크리에이티브를 디자인 자산화하는 새로운 방식으로, UI 분석과 재사용 워크플로에 유용한 도구다.
lucas (@lucas_flatwhite)
Refero Styles가 세계 2,000개 프로덕트의 디자인 시스템을 AI가 읽을 수 있는 DESIGN.md 형식으로 구조화해 공개했다. 색상 팔레트, 타이포그래피, 간격, 레이아웃 패턴 등 디자인 토큰을 모델이 학습·참조하기 쉽게 정리한 데이터/도구다.
Github Awesome (@GithubAwesome)
웹사이트의 디자인 시스템을 자동으로 역공학해 typography, colors, spacing, radii, shadows, motion 등을 DESIGN.md 또는 SKILL.md로 추출하는 Chrome 확장 도구 design-md-chrome가 소개됐다. Claude Code나 Codex에 바로 넘겨 사용할 수 있고, TypeUI 형식과 접근성도 고려한다.
https://x.com/GithubAwesome/status/2050038718019317935
#chromeextension #designsystem #claudecode #codex #accessibility
Github Awesome (@GithubAwesome) on X
Open any website, click the extension, and design-md-chrome reverse-engineers the entire design system. typography, colors, spacing, radii, shadows, and motion, into a DESIGN.md or SKILL.md you hand directly to Claude Code or Codex. Follows the TypeUI format with accessibility
[AI가 디자인을 대신하는 시대, 왜 디자인 시스템이 더 중요해질까?
AI 기반 디자인 도구의 발전으로 디자인 시스템의 중요성이 재조명되고 있다. AI는 아이디어 발산(생성)에 강하지만, 일관된 제품 수렴을 위한 설계 규칙과 체계적인 디자인 시스템이 필수적이다. AI 시대 디자인 시스템은 (1) 시맨틱 네이밍, (2) JSON 기반 계층 구조, (3) md 파일 기반 프롬프트 프로토콜 등 기계가 해석 가능한 구조로 재구성되어야 한다. 또한 Figma, Claude Code, Tailwind 등 도구 생태계가 성숙화되면서 디자인 시스템을 코드화하고 AI가 접근 가능한 형태로 변환하는 기술이 등장하고 있다. 이러한 변화는 디자인 프로세스와 프로덕트 디자인의 패러다임을 재정의할 것으로 예상된다.
https://news.hada.io/topic?id=29060
#designsystem #aiindesign #semanticdesign #figma #claudecode
Luma (@LumaLabsAI)
Luma Agents가 브랜드 방향만 정하면 컬러, 타이포그래피, 패키징, 캠페인 에셋까지 일관된 전체 브랜드 시스템을 자동으로 확장해 만드는 기능을 공개했다. 브랜드 디자인과 마케팅 자산 제작을 한 번에 지원하는 생성형 AI 도구다.
lucas (@lucas_flatwhite)
Figma 디자인 시스템을 AI가 이해할 수 있는 언어로 변환해 주는 DESIGN.md Generator가 소개됐다. Figma Community에서 바로 설치할 수 있으며, UI 생성 시 가장 큰 병목인 디자인 시스템 컨텍스트를 정리해 색상 토큰, 버튼 radius 같은 정보를 AI가 활용하기 쉽게 만들어 준다. AI 기반 UI 생성 워크플로우를 개선하는 실용적 도구다.
KerfuffleSo I've got #Kotlin + #Javalin + #HTMX + #Maven + #Freemarker + #ProgressiveEnhancement + #DesignSystem + #Playwright working. Now the question is: do I call it a day or do I add #ActivityPub integration?
Liminal witch 🧙♀️ Sarah🆕 post: When to start design system?
Before my current job I've been working on a design system for almost three years. At my current job I'm back to writing apps and I'm starting to have thoughts.
https://www.sarahgebauer.com/post/when-to-start-design-system/
Nicolas Hoizey“The importance of people who care” by @rachelandrew
🔗 https://rachelandrew.co.uk/archives/2026/04/21/the-importance-of-people-who-care/
> Design systems and editorial style guides need people who care. They need people who care about the small details, who obsess over consistency. They need people who are willing to push back, and who are happy to say no to the endless requests to ignore the guidelines just this one time. Yes, we’re sometimes very annoying to people who…
⚓️ https://nicolas-hoizey.com/links/2026/04/21/the-importance-of-people-who-care/
Github Awesome (@GithubAwesome)
design-extract는 URL을 입력하면 라이브 DOM을 크롤링해 색상, 폰트, 그리드, 호버, 반응형 브레이크포인트까지 분석하고, Tailwind 설정·CSS 변수·shadcn/ui 테마·Figma 변수로 변환한다. 디자인 시스템 역추출을 자동화하는 유용한 도구다.
Github Awesome (@GithubAwesome) on X
design-extract takes a URL, crawls the live DOM, and reverse-engineers the entire design language. Colors, fonts, grid patterns, hover transitions, responsive breakpoints. Outputs a Tailwind config, CSS variables, a shadcn/ui theme, and Figma variables. Install the output as a