DESIGN.md

₩8,000

6/12(금) ~ 6/16(화) 까지

0902iii09 코딩은 할 줄 아는데 UI가 항상 문제였다면, 이제 해결책이 나왔습니다.🎨 구글의 디자인 도구 Stitch에서 DESIGN.md라는 새로운 개념을 도입했거든요. 개발자들이 프로젝트 설명을 README.md에 적듯이, 색상, 폰트, 여백, 컴포넌트 스타일 같은 시각적 정체성을 마크다운 파일 하나에 담는 방식입니다. 이걸 활용해서 VoltAgent라는 커뮤니티가 awesome-design-md 깃허브 저장소를 만들었는데, 벌써 5.9k 스타를 넘겼습니다. 애플, 스포티파이, 노션, 에어비앤비 같은 유명 서비스의 디자인 시스템이 텍스트 파일로 정리돼 있어요. 원하는 브랜드의 파일을 복사해서 프로젝트 폴더에 넣고, AI 코딩 에이전트에게 ”이 느낌으로 만들어줘“라고 하면 끝입니다. 이거 안 써보면 손해 아닌가요? 사용해보고 싶으신 분들은 댓글에 ’AI ’ 남겨주시면 깃허브 링크와 사용법 바로 보내드릴게요. Editor ・ kiki Source ・ @google Content curated by @ai.trend.kr - If you can code but UI has always been your weak spot, there’s finally a fix for that.🎨 Google‘s design tool Stitch introduced a new concept called DESIGN.md. Just like developers write README.md for project documentation, this file captures an entire visual identity — colors, fonts, spacing, and component styles — in a single markdown file. A community called VoltAgent built an awesome-design-md GitHub repository around this idea, and it’s already past 5.9k stars. It contains design systems from brands like Apple, Spotify, Notion, and Airbnb, all neatly packaged as text files. Copy the file you want into your project folder, tell your AI coding agent to ”build with this vibe,“ and you‘re done. Why wouldn’t you try this? Drop ‘AI’ in the comments and we‘ll send you the GitHub link right away. Editor ・ kiki Source ・ @google Content curated by @ai.trend.kr

1일 전

인스타에서 보기

1일 전