

에이전트도 읽는 디자인 시스템, Clay 개편기
AI 에이전트가 읽는 Clay 디자인 시스템을 위해 Figma·React의 명칭과 구조를 통일했습니다.\n가이드라인과 CLI를 제공해 타입 에러를 없애고 작업 시간·비용을 절반 가까이 낮췄습니다.
새로운 기술 블로그가 추가되었어요


AI 에이전트가 읽는 Clay 디자인 시스템을 위해 Figma·React의 명칭과 구조를 통일했습니다.\n가이드라인과 CLI를 제공해 타입 에러를 없애고 작업 시간·비용을 절반 가까이 낮췄습니다.


LLM이 문서를 읽는 순서와 우선순위를 정리하는 Wiki 구조를 소개했습니다. VUI 디자인 시스템 작업에서 검증과 생성에 어떻게 활용했는지도 사례로 설명했습니다.
AI와 검증된 개발 컨벤션을 활용해 PO·BE·FE 역할을 겸하며 친구 초대 기능을 출시했습니다. Product Engineer의 지속 가능성을 위해 프로세스 템플릿, 전문가 협업, 커뮤니케이션 관리가 필요합니다.

iOS 디자인 시스템 업데이트를 에이전트 루프로 자동화한 사례를 소개했습니다. 구현부터 배포와 QA까지 이어지며 대기 시간을 크게 줄인 구조를 설명했습니다.

AI 에이전트가 Figma 디자인을 코드로 바꾸는 흐름에서 디자인 시스템 컴포넌트를 제대로 쓰게 만드는 방법을 다룹니다. 디자인과 코드 변환 과정의 기준을 정리하는 데 초점을 둡니다.


MUI 기반 디자인 시스템 VUI의 구축 배경과 토큰-테마-컴포넌트 연결 구조를 소개했습니다. 브랜드와 모드 변형을 설정으로 흡수하고, 남은 과제도 정리했습니다.
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

에이전트형 도구에서는 프롬프트보다 도구 출력과 대화 기록이 토큰을 더 많이 소모했습니다. 필요한 정보만 사전 필터링하고 작업 범위를 좁히는 방식으로 컨텍스트를 관리해야 했습니다.


OpenAI Codex 플러그인이 Slack, Figma, Gmail 등 실무 도구를 자연어로 연결해 워크플로우를 자동화하는 흐름을 소개했습니다. 팀 생산성을 높이기 위한 점진적 도입 방법과 개발자의 준비 포인트도 정리했습니다.


OpenAI Codex 플러그인을 활용해 Slack, Figma, Gmail 등 실무 도구를 자연어로 연결하는 흐름을 소개했습니다. 복잡한 워크플로우 자동화와 이를 위한 프롬프트 설계 역량의 중요성도 강조했습니다.
AI가 코드를 작성하고 사람은 목적과 검증에 집중하는 개발 방식이 소개되었습니다. 실서비스에 맞추기 위한 규칙 정리와 검증 체계의 중요성도 강조했습니다.

디자인 시스템을 일관성과 판단 비용 관리의 문제로 다시 정리했습니다.\nAI를 활용해도 최종 기준과 예외 판단은 사람이 맡아야 한다고 설명했습니다.


쏘카프레임 2.0을 규칙·컴포넌트·Figma 연동·운영 프로세스를 아우르는 디자인 시스템으로 재정의했습니다.\n플러그인과 Code Connect, Slot 설계로 전달 흐름을 개선하고 직군 간 정책 합의와 QC를 운영했습니다.


쏘카 디자인 시스템 2.0을 시스템 관점에서 설계하고 운영한 과정을 정리했습니다. Figma 연동과 직군 합의를 통해 디자인-개발 흐름과 품질 관리 체계를 강화했습니다.

kt cloud가 사내 공모전에서 Dev Agent 활용 사례를 공유했습니다. 기획부터 구현까지 AI를 적용해 업무 효율과 프로세스 고도화를 확인했습니다.