디자인 시스템 린터

About this plugin

Design System Linter디자인 시스템에서 벗어난 요소를 빠르게 찾아 수정할 수 있는 Figma 플러그인입니다.파일을 스캔하여 디자인 시스템 위반 항목을 감지하고, 등록된 Figma Variables와 Styles를 기준(source of truth)으로 검사합니다. 필요한 경우 OpenAI가 적절한 디자인 토큰을 추천하며, 추천 결과는 클릭 한 번으로 바로 적용할 수 있습니다.검사 항목🎨 색상 (Color)Fill 또는 Stroke의 Solid 색상이 Figma Variables(boundVariables) 또는 Paint Styles(fillStyleId, strokeStyleId)에 연결되지 않고 Raw 색상 값으로 사용된 경우를 감지합니다.✍️ 타이포그래피 (Typography)텍스트가 Text Style에 연결되어 있지 않거나, 일부 텍스트에만 스타일이 적용되어 Mixed 상태인 경우를 감지합니다.📝 맞춤법텍스트의 맞춤법, 띄어쓰기, 문법 오류를 OpenAI를 통해 검사하고, 교정 제안을 제공합니다.AI 추천검사와 동시에 색상 및 타이포그래피 위반 항목에 대한 AI 추천이 자동으로 생성됩니다. 필요하면 ✨ AI 추천 받기를 눌러 다시 실행할 수도 있습니다.기존 토큰이 있는 경우동일한 토큰이 존재하면 OpenAI를 호출하지 않고 즉시 추천합니다.색상: 동일한 HEX 값을 가진 변수 또는 Paint Style타이포그래피: Font Family, Style, Size가 모두 동일한 Text Style추천된 토큰은 연결 버튼을 눌러 바로 노드에 적용할 수 있습니다.기존 토큰이 없는 경우일치하는 토큰이 없으면 OpenAI가 파일의 실제 디자인 토큰 목록을 참고하여 새로운 토큰 이름을 제안합니다.예시color/gray-900color/primary-500새 토큰 만들기 및 연결을 선택하면로컬 변수 또는 스타일을 생성하고현재 노드에 연결하며같은 색상을 사용하는 페이지 내 다른 노드에도 함께 적용합니다.OpenAI에는 파일에 실제 존재하는 변수와 스타일 목록만 전달되므로, 존재하지 않는 토큰을 추천하지 않습니다.맞춤법 검사맞춤법 검사는 검사와 동시에 자동으로 실행됩니다.오류가 발견된 텍스트에는교정 제안수정 버튼이 함께 표시되어 바로 적용할 수 있습니다.텍스트 내용은 노드마다 다르므로 맞춤법 수정은 일괄 적용 대상에는 포함되지 않습니다.Undo 지원모든 변경 사항은 사용자가 버튼을 클릭했을 때만 적용됩니다.적용한 내용은 Figma의 Undo (⌘Z / Ctrl+Z) 로 언제든지 되돌릴 수 있습니다.OpenAI API Key이 플러그인은 사용자가 자신의 OpenAI API Key를 직접 입력하여 사용하는 방식입니다.API Key는플러그인 설정(⚙)에서 입력현재 기기의 figma.clientStorage에만 저장OpenAI API 호출에만 사용되며, 소스 코드나 배포 파일에는 포함되지 않습니다. 또한 다른 서버로 전송되지 않습니다.설정플러그인 우측 상단 ⚙에서 두 가지 프레임을 각각 지정할 수 있습니다.기준 프레임 (색상 / 타이포)AI 추천 시 사용할 디자인 토큰 목록을 수집하는 범위를 지정합니다.예를 들어 Foundations 페이지의 컬러 팔레트나 타입 스케일을 지정하면 해당 영역에서 사용되는 변수와 스타일만 추천 대상으로 사용됩니다.지정하지 않으면 현재 페이지 전체를 기준으로 합니다.카드 템플릿새로운 디자인 토큰을 생성할 때 사용할 디자인 시스템 카드 템플릿입니다.토큰을 새로 만들 경우 지정한 카드를 복제하여이름HEXRGB폰트 정보등을 자동으로 채워 디자인 시스템 문서에 추가합니다.또한 카드 없는 변수/스타일 추가 기능을 사용하면 아직 문서 카드가 없는 기존 변수와 스타일의 카드를 한 번에 생성할 수 있습니다.사용 방법검사 범위를 선택합니다.현재 페이지선택 영역검사 항목을 선택합니다.ColorTypographySpelling검사 실행을 누릅니다.위반 항목이 종류별로 표시됩니다.항목을 클릭하면 해당 노드가 캔버스에서 자동으로 선택됩니다.AI가 추천한 토큰이나 수정안을 클릭 한 번으로 적용할 수 있습니다.