도움말 및 문서

Flash DSM 시작하기: 첫 디자인 시스템 만들기, 토큰 편집, 코드로 내보내기, Figma와 GitHub 연결, 크레딧 관리.

Flash DSM에 관해 자주 묻는 질문입니다. 답을 못 찾으셨나요? Discord에서 물어보세요.

Flash DSM이 무엇인가요?

Flash DSM은 디자인 시스템 빌더입니다. 제품을 일상 언어로 설명하거나, 웹사이트 URL을 붙여 넣거나, Figma를 연결하면 Flash DSM이 완전한 파운데이션을 잡아 줍니다. 색상, 타이포그래피, 간격, 반경, 그림자, 모션 토큰과 컴포넌트 스펙까지. 편집한 뒤 CSS, Tailwind, Tokens Studio JSON으로 내보내거나 GitHub에 푸시하세요.

웹사이트 스캔은 어떻게 작동하나요?

공개된 URL을 붙여 넣으면 Flash DSM이 사이트의 CSS를 가져와 모든 파운데이션(색상, 간격, 타이포그래피, 반경, 그림자)에서 토큰을 추출하고, 반복되는 컴포넌트 패턴을 감지해 실제 스타일로부터 구조화된 디자인 시스템을 조립합니다. 배포된 코드 안에만 존재하는 디자인 시스템을 문서화하는 가장 빠른 방법입니다.

내 Figma 파일을 연결할 수 있나요?

네. Flash DSM은 OAuth와 Flash DSM Figma 플러그인으로 Figma에 연결됩니다. 디자인 파일을 고르면 Flash DSM이 그 파일의 변수와 스타일을 디자인 토큰으로 가져오고, 생성한 시스템을 다시 Figma에 변수로 푸시할 수도 있습니다.

Flash DSM은 어떤 내보내기 형식을 지원하나요?

Flash DSM은 CSS 사용자 지정 속성, SCSS, Tailwind 설정, Tokens Studio JSON, 전체 Figma 플러그인 패키지, GitHub 푸시, MCP가 포함된 Cursor 규칙을 내보냅니다. 모두 Pro 이상에서 제공되며, 실행 가능한 ZIP도 함께 나옵니다. Free 플랜은 CSS, SCSS, Tailwind, JSON을 짧은 출처 주석과 함께 복사할 수 있고, 유료 플랜은 주석 없는 파일을 내보내며 상위 플랜 전용 내보내기 대상도 열립니다.

Flash DSM은 무료인가요?

Flash DSM 계정 만들기는 무료이며, 만들고 편집하고 제한된 컴포넌트를 가져올 수 있는 Genome 1개가 카드 없이 포함됩니다. Pro, Team, Studio는 모듈 가져오기, 업데이트 동기화, 공유 Genome, 클라이언트 인계를 더합니다.

Flash DSM이 생성한 디자인 시스템은 제 소유인가요?

네. Flash DSM이 만드는 모든 토큰, 컴포넌트 스펙, CSS 파일, 내보내기 결과는 사용자의 것이며, 클라이언트 작업, 상용 제품, 오픈소스 프로젝트에 쓸 수 있습니다. Free 플랜의 CSS와 Tailwind 파일에는 짧은 Flash 출처 주석이 들어가고, 유료 플랜에서는 빠집니다.

Flash DSM 지원은 어떻게 받나요?

빠른 도움이 필요하면 Flash DSM Discord에, 버그 신고와 기능 요청은 GitHub Discussion에 남겨 주세요. Team과 Studio 플랜에는 우선 지원이 포함됩니다.

아직 해결되지 않았나요?

Discord에서 물어보세요. 보통 누군가 있습니다. 이메일을 보내셔도 됩니다.