첫 화면에서 가치가 보입니다
디자인토큰는 Figma에서 자동으로 디자인 시스템을 생성하세요 흐름을 첫 화면에서 바로 이해하도록 설계된 런칭 프로젝트입니다.
PROJECT OVERVIEW
토론 9제품 개요
Figma 파일의 색상, 타이포그래피, 여백을 자동으로 추출하여 디자인 토큰으로 변환합니다. CSS, Tailwind, SCSS 등 다양한 형식으로 내보낼 수 있습니다.
검증 가능한 빌더 스택
design, 디자인시스템, Figma 기반으로 MVP, 데모, 피드백 루프를 빠르게 연결합니다.
도입 리스크를 먼저 봅니다
온보딩, 가격, 권한, 운영 안정성처럼 실제 도입 전에 확인해야 할 질문을 모읍니다.
제품 갤러리스크린샷, 소개 슬라이드, 데모 영상을 한 번에 확인합니다.
공유 카드3화면0슬라이드0영상
SIGNALS
핵심 지표
31추천오늘 런칭 신호
9토론커뮤니티 피드백
267조회관심 빌더
2026. 02. 28.런칭공개 날짜
댓글과 피드백
디자인토큰를 공개했습니다. 지금은 첫 사용자 피드백을 가장 확인하고 싶습니다. 실제 업무 흐름에서 어색한 부분을 구체적으로 남겨주세요.
첫 화면에서 어떤 데이터를 넣으면 어떤 결과가 나오는지 더 크게 보이면 좋겠습니다. 지금 방향은 명확한데 샘플 결과가 바로 보이면 전환율이 올라갈 것 같아요.
한국 팀이 바로 쓰려면 권한 관리와 로그 보관 정책이 중요해 보입니다. B2B 도입을 노린다면 관리자 페이지 캡처도 같이 있으면 신뢰가 올라갈 것 같습니다.
BUILT WITH
스택과 작업 신호
design핵심 영역
디자인시스템구현 스택
Figma운영 스택
자동화운영 스택
UI/UX운영 스택
devkorea/design-token-gen저장소 동기화 대상
GitHub syncstars, release, issue, README 변화는 오픈소스/스킬 코너와 함께 주기적으로 갱신됩니다.최근 확인 5분 전
Manual
김민준님이 Next.js 기반 데모를 배포했습니다.
TEAM
전체 빌더 만든 빌더
SHARE PACK
OG 카드 공유용 요약
디자인토큰
Figma에서 자동으로 디자인 시스템을 생성하세요
- 31 votes · 9 feedback
- design · Beta · 2026. 02. 28.
샘플 결과 이미지를 첫 번째 슬라이드에 더 크게 넣어보겠습니다. 가격표보다 먼저 결과 화면을 보여주는 쪽으로 바꾸겠습니다.