NEXTLAB의
새로운 변화.

디자인 편집 화면 개편 · 인스펙터 속성 편집 강화 · 시각 품질 판정

• 편집 화면이 Figma 식으로 재배치: 캔버스 옆을 차지하던 대화 열이 우하단 리모컨으로 접히고, 화면 목록과 레이어 트리가 좌측 통합 사이드바로 합쳐졌습니다 — 같은 창에서 그림이 훨씬 넓게 보입니다
• 인스펙터 속성 편집 강화: 셀렉트 옵션·날짜·목록 같은 구조화 속성을 표 형태로 바로 편집하고, 화면 속 이미지 교체와 아이콘 교체도 인스펙터에서 처리됩니다
• 시각 품질 판정 루프: 생성된 화면을 실물 렌더 기준으로 판정하는 디자인 리드 층이 생성 루프에 편입되어, 어긋난 배치·톤이 자동으로 교정 대상이 됩니다
• 화면-대화 연결 유실 해소: 생성 요청과 화면의 귀속이 장부로 관리되어, 화면이 대화와의 연결을 잃고 고아가 되던 문제가 사라지고 기존 고아 화면도 다시 연결됩니다
• 데스크톱 CSS 붕괴 수복: 금융 디자인시스템 전역 스타일이 NXLDS 유틸리티를 덮어써 데스크톱 화면이 깨지던 문제를 layer 격리와 safelist 생성으로 구조적으로 해결했습니다
• Launchpad 단계 표시 개편: 우상단 탭이 헤더 아래 프로세스 스텝퍼로 바뀌어 기획→디자인→개발 흐름이 한눈에 읽히고, 좌측 패널 위계도 정리됐습니다
• 화면 로딩 스켈레톤, 대화별 모델 선택 저장 등 편의 개선

디자인 문서 품질 개선 · 디자인 탭 일괄 재실행 · Studio Beta 리브랜딩

• 생성 품질 게이트 개편: 화면 생성을 막던 검사가 "차단"과 "자동 보정"으로 분리됐습니다 — 스스로 고칠 수 있는 문제로 생성 전체가 실패하던 과차단이 사라지고, 성공률이 구조적으로 올라갑니다
• 골든 예제층: 잘 만들어진 화면 예제가 생성 계약에 함께 실려, 첫 생성부터 배치 · 밀도 · 위계가 예제 수준으로 수렴합니다. 생성 지침도 핵심만 남게 다이어트해 지침 간 충돌을 줄였습니다
• 디자인 탭 일괄 재실행: 프로젝트의 모든 화면을 한 번에 다시 디자인할 수 있습니다 — 디자인시스템 · 지침이 바뀐 뒤 화면 전체를 새 기준으로 맞출 때 화면마다 반복하지 않아도 됩니다
• 디자인 문서 화면의 프로토타입 · 개발 모드 연결: 문서 기반으로 생성된 화면도 프로토타입 재생과 개발 모드 핸드오프에 그대로 이어집니다
• NXLDS 패턴 정비: HeroCard 가 캠페인 전용으로 격리되어 일반 화면에 잘못 등장하지 않고, 결과 저장 · 공유 패턴이 추가됐습니다
• NEXTLAB Studio Beta: 제품 표기가 Beta 로 정리됐습니다

디자인 문서 파이프라인 · Figma 왕복 동기화 · 넓어진 캔버스

• 디자인 문서 파이프라인: Talk to Design 화면의 정본이 구조화된 디자인 문서로 전환됩니다. 요소 선택·속성 편집이 문서 기반 인스펙터로 정확해지고, 컴포넌트 카탈로그가 디자인시스템에서 기계적으로 추출되어 킷별 편집 항목이 일관됩니다
• 편집 되쓰기 엔진 교체: 캔버스에서 고친 색·문구·구조를 화면 코드에 반영할 때 문자열 치환이 아니라 구문 트리(AST)로 고쳐 씁니다 — 편집이 소스를 깨뜨리거나 조용히 유실되던 문제가 구조적으로 사라집니다
• Figma 왕복 동기화: Studio 에서 Figma 로 보낸 화면을 Figma 에서 손본 뒤, 그 변경을 다시 Studio 로 가져올 수 있습니다 — 변경점 비교·선택 적용·모두 무시를 지원하고, 색·간격 표기 차이로 생기던 반복 diff 노이즈와 큰 화면에서 가져오기가 타임아웃 나던 문제를 함께 정리했습니다
• 삽입 팔레트 레시피: 디자인시스템 컴포넌트 삽입이 완성된 조합(레시피) 단위로 들어갑니다 — 빈 인스턴스나 부품 단독 삽입으로 화면이 깨지던 오류를 해소했습니다
• 캔버스가 넓어졌습니다: 디자인 작업 화면의 보조 내비(좌측 메뉴 · 화면 레일 · 레이어 패널)가 기본 접힘으로 바뀌어, 들어온 첫 순간부터 그림이 가장 넓게 보입니다. 필요할 때 화살표로 펴고, 펼친 선택은 다음 진입에도 유지됩니다

Talk to Design 관리자 화면 품질 — 좌측 메뉴 정본 · 색 복원 · 금융 패턴 확장

• 관리자 좌측 메뉴 정본: MUI · NXLDS 로 생성하는 관리자 화면의 좌측 사이드바가 실측 스펙(280px 펼침 · 2계층 하위 메뉴 · 88px 접힘 레일 · 접기 버튼)으로 그려집니다. 기획에 따라 상단 메뉴(GNB) 배치도 선택됩니다 — 데스크톱이라고 무조건 사이드바를 고집하지 않습니다
• NXLDS 색 복원(0.2.2): 어둡게 밀렸던 브랜드 · 보조 · 상태색 매핑이 영업지원DS 실측값으로 돌아왔고, 활성 메뉴는 전용 내비 토큰(브랜드 워시 + 원색 글자)을 씁니다
• 금융 패턴 확장: DS3 실화면 기반 모바일 · 태블릿 · PC · 반응형 패턴 22종과 업무 셸이 추가되고, 잘못된 패턴 조합은 생성 전에 걸러집니다
• 플로우 생성 요청 경계를 보강해 선택값 누락으로 실패하던 422 오류를 방지했습니다

개발 모드 완결성 — 버튼이 실제로 동작하고, 개발 결정이 반출까지 이어집니다

• 개발 모드에서 만든 화면의 버튼·이동이 장식으로 남지 않습니다 — 화면 사이 이동 경로가 여러 단계까지 이어지고, 목업 데이터는 시나리오 리모컨으로 바꿔가며 확인할 수 있습니다
• 개발 모드에서 확정한 것들(API 경계 · 목업 시나리오 · 화면을 건너 이어지는 값)이 사내 반출 패키지에 계약으로 실립니다 — 지금까지는 정적 화면만 넘어가 개발 결정이 증발했습니다
• DS 3.0 화면 패턴이 실서비스 캡처 기반으로 재편되고 기기(모바일 · 태블릿PC) 축으로 정리됐습니다
• NXLDS 버튼 스타일이 DS 3.0 전역 스타일에 지워지던 문제와, 흐름 버튼이 비활성일 때 프로토타입 검사가 실패로 오판하던 문제를 고쳤습니다

NXLDS 0.2 · DS 3.0 공식 레지스트리 · 유저플로우 생성 안정화

• Talk to Design 의 NXLDS 킷이 디자인시스템 0.2 위에서 돌아갑니다. 화면 밀도(density)가 대상(profile)과 독립인 축이 되어 백오피스 표는 촘촘하게, 대고객 목록은 넉넉하게 기본값이 잡히고, Storybook·MCP 카탈로그가 Foundations / Components / Patterns / Compositions 로 정리됐습니다
• DS 3.0 킷이 공식 소스 레지스트리 위에서 화면 패턴을 조합하고, 대고객 모바일 화면 조합이 새로 들어갔습니다. 런타임의 킷 판별을 패키지 경계로 정확히 잡아 DS3 사본 중복으로 컨텍스트가 끊기던 문제를 없앴습니다
• 기능명세가 커지면 유저플로우 생성이 "잘못된 요청"으로 막히던 문제를 수정했습니다 — 요청 크기 상한을 산출물 최대치에 맞추고, 이름이 비어 있는 기능이 생성 전체를 막지 않게 했습니다

개발 단계 실사용 보정과 캔버스 안정화

• 개발 단계에서 화면을 고르면 미리보기가 그 화면으로 이동하고, 미리보기 폭을 맞춤·데스크톱·태블릿·모바일로 바꿔 볼 수 있습니다. 개발 서버 실행 기록도 실행 중에 바로 확인합니다
• 대화로 직접 고친 화면을 디자인 동기화가 덮어쓰지 않고 보존한 뒤 알려 줍니다
• Talk to Design 에서 기기 폭을 바꿀 때 화면 세로 길이가 계속 늘어나며 깨지던 문제를 수정했습니다
• 모바일 화면의 좌우 여백이 비던 문제를 디자인시스템 차원에서 바로잡았습니다

흐름 완결성 · 디자인 일관성 · 프로토타입 안정화

• 간편인증·SMS·계좌·카드 인증처럼 요구사항에 명시된 선택지가 각각 실제 사용자 화면으로 이어지도록 흐름 생성과 자동 복구를 강화했습니다
• 같은 서비스의 진행 표시, 레이아웃, 톤앤매너를 모든 화면이 공유하도록 화면 청사진과 NXLDS 시각 계약을 일괄 디자인 전 과정에 전달합니다
• 프로토타입이 input 대신 label을 클릭하거나 렌더 전에 확인 버튼 탐색을 끝내던 문제를 보완해 실제 접근성 이름과 안정된 렌더 시점으로 대상을 찾습니다

NXLDS 디자인 파이프라인

• Talk to Design 캔버스에 NXLDS 킷이 추가됐습니다 — 고르면 실제 디자인시스템 컴포넌트로 렌더되고, Storybook 패턴 화면 30종을 정본 삼아 화면을 조립합니다
• 화면마다 생성 계약(화면 유형 · 정상/예외 흐름 · 반응형 기준)을 만들어 전달하고, 생성 결과는 시각 검수 레이어가 점검합니다
• 생성 화면이 조용히 깨지던 원인 세 가지를 막았습니다 — 스타일이 소리 없이 사라지는 클래스, 잘못된 import로 화면 전체가 죽는 문제, 한글 파일명이 저장 · 내보내기에서 거부되던 문제
• Studio에서 만든 화면을 Builder로 넘기는 핸드오프 상태 관리가 추가됐습니다 — 어떤 화면이 어디까지 반영됐는지 양쪽에서 같은 상태를 봅니다

기능명세 검토 · 프로토타입 시나리오

• 기능명세의 각 기능에 검토 상태(미검토 · 보완 필요 · 검토 완료)와 비고, 관련 화면을 달 수 있습니다 — 기능이 수십 개로 늘어나면 어디까지 봤는지 놓치기 쉬웠습니다. 이제 목록에서 아직 안 본 것과 손봐야 할 것이 바로 구분되고, 내보내는 문서에도 함께 나갑니다
• 프로토타입이 "테스트 케이스"에서 "시나리오"로 바뀌었습니다 — 지금까지는 오류 · 예외 상황까지 케이스로 만들었지만, 화면은 정상 상태 하나뿐이라 눌러봐도 그 상황을 볼 수 없었습니다. 이제 실제로 끝까지 걸어볼 수 있는 경로만 만들고, 오류 · 예외 조건은 기능명세의 인수 조건이 담당합니다
• 관리자 화면 생성 톤을 정리했습니다 — 브랜드 주황과 빨강 · 초록 같은 의미 색을 화면 곳곳에 뿌리지 않고 담당자의 조치가 필요한 곳에만 씁니다. 차트도 무지개 팔레트 대신 차분한 기본색을 씁니다. 요청하지 않은 KPI 카드나 환영 배너를 채워 넣던 것도 줄였습니다
• 관리자 디자인시스템 아이콘이 중립적인 자리(아이콘 버튼 · 이동 경로 · 비활성 상태)에서도 주황색으로 보이던 문제를 고쳤습니다

Claude 사용량 소진 안내

• AI 기능(대화 · Talk to Spec · 유저 플로우 · 일괄 디자인)에서 Claude 사용량을 모두 쓰면 지금까지는 알 수 없는 오류 코드만 떴습니다 — 이제 "사용량을 모두 사용했습니다"와 함께 어떤 한도인지, 언제부터 다시 쓸 수 있는지 알려줍니다
• 사용량이 소진된 상태에서 같은 요청을 자동으로 다시 돌리던 동작을 없앴습니다 — 결과는 같은데 대기 시간만 늘어났습니다
• 일괄 디자인이 화면별 실패 사유를 알려주지 않던 문제를 고쳤습니다 — 어떤 화면이 왜 실패했는지 한 줄로 표시됩니다

Claude 계정 로그인 · 로그아웃 · 사용량 조회 정정

• 계정 연동에 "Claude 로그인" 방식이 추가됐습니다 — 공식 Claude Code 로그인을 그대로 실행하는 방식이라, 인증은 브라우저에서 Anthropic 과 직접 이뤄지고 자격증명은 OS 키체인에 보관됩니다 (토큰이 Studio 를 거치지 않습니다). 기존 토큰 붙여넣기 방식도 그대로 쓸 수 있습니다
• 로그아웃 · 연결 해제 신설 — 항목별(로그인 세션 / 토큰 / API 키) 또는 전체 해제가 가능하고, 로그아웃 상태에서는 워크스페이스가 열리지 않습니다. 이전에는 로그아웃해도 앱을 다시 열면 로그인 상태로 돌아왔습니다
• 사용량이 조회되지 않던 문제를 고쳤습니다 — 붙여넣기 토큰에는 사용량 조회 권한이 없어 실패했고, 실패가 쌓이면 원인이 "일시적 제한" 처럼 보였습니다. 이제 로그인 세션을 먼저 사용하고, 토큰 방식일 때는 기다리라는 대신 방식 전환을 안내합니다
• Windows 설치본에서도 사용량이 조회됩니다 — 그동안 macOS 키체인만 읽어, 로그인해도 구조적으로 값이 나오지 않았습니다

커버리지 진단 다듬기 · 생성 대기 화면 연출

• 커버리지 지표에서 "다른 화면 경고 N건 보기"를 누르면 전체 범위로 바뀌며 진단 목록이 바로 열립니다 — 무엇이 문제인지 한 번에 확인
• 생성 대기 화면 연출 개편 — Talk to Design 빈 화면(컴포넌트 조립 무대), Talk to Image 그리기 장면, User Flow 로딩이 각 도구의 어휘로 살아납니다
• 일러스트 인물 문법 정밀화 — 2인 구도도 전신이 기본, 눈 간격 등 얼굴 비율 보정

Talk to Image 일러스트 다양성 개편 · 설정 화면

• 일러스트가 매번 같은 구도(베이지 카드 + 상반신 인물)로 나오던 문제를 개편했습니다 — 주제에 따라 전신 인물·두 사람·사물 중심·작은 장면 등으로 구도가 달라지고, 배경 색도 8종에서 주제 분위기에 맞게 골라집니다
• 인물 그림 품질 개선 — 목·어깨 비율 보정, 포즈 다양화, 실제 서비스 일러스트 레퍼런스 확충(전신·2인·장면)
• 설정 화면 신설 — 계정 연동 관리와 Claude 사용량 확인 패널
• Launchpad 프로젝트 상단에 커버리지 지표 — 전체/현재 화면 범위 필터, 지표별 문제 위치·해결 방법 안내와 해당 화면으로 바로 이동

Talk to Spec 작업 흐름 개선

• PRD 문서 구조를 5개 섹션으로 개편 — 제품 정의(Overview) · 문제 정의와 솔루션 · 프로젝트 범위(Scope) · 기능 요구사항 요약 · 리스크와 향후 과제. 흐름이 섞이고 중복되던 서술을 정리했고, 기존 문서도 새 구조로 표시됩니다
• AI 검토 개편 — 검토 패널이 PRD·기능명세 어느 단계에서든 열리고, 본문을 가리지 않는 사이드 패널로 나란히 비교하며 봅니다. 지적마다 자동 수정 외에 해당 위치로 이동하는 직접 수정을 지원하고, 수정안은 항목별로 골라 반영합니다
• 재생성이 전체 덮어쓰기에서 항목별 머지로 — PRD·기능을 다시 생성하면 교체/추가/삭제될 항목을 미리 보고 골라서 반영합니다. 직접 수정한 내용은 기본으로 보존됩니다
• 버전 이력 — 재생성 반영·AI 자동 수정 같은 큰 변경 직전 상태가 자동으로 보관되고, 언제든 그 시점으로 복원할 수 있습니다
• User Flow 개선 — 기능명세 기반 생성 계약(빈 명세 차단·기능 배지), 흐름 구조 점검, PNG/SVG 내보내기, 선 교차를 줄인 직교 배선과 자동 정렬
• 기획서 저장 안전망 — 저장 실패 시 자동 재시도와 브라우저 보관·복원 안내로 작성 내용이 유실되지 않습니다

Talk to Design 편집 개선

• 캔버스 직접 조작 — 요소를 다른 영역으로 끌어다 넣기, 8방향 리사이즈, 묶기(⌘G)·복제(⌘D), 자유 줌·스페이스 팬
• 텍스트·스타일 편집이 소스 코드에 확실히 반영됩니다 — 편집이 조용히 사라지던 문제 근본 수정, 편집으로 화면이 깨지는 경로 차단
• 내보내기 메뉴 — PNG(실물 렌더) · Figma · 코드
• HanwhaGothic 실물 폰트를 캔버스·미리보기 전 표면에 적용

Talk to Spec 안정화

기획서 생성이 오래 걸리는 경우 120초 제한에 걸려 작업이 중단되던 문제를 수정했습니다 — AI 응답 대기 시간을 20분으로 늘렸습니다.

전사 배포 시작

• Launchpad 4단계(Talk to Spec · User Flow · Talk to Design · Prototype) · Talk to Image · Figma to Code
• macOS(Apple Silicon · Intel) 와 Windows 설치본 제공
• Apple Developer ID 서명·공증 적용 — 설치 후 첫 실행 시 OS 차단(Gatekeeper · SmartScreen) 허용 절차 없음
• macOS 자동 업데이트 지원 — 이후 버전부터 재설치 없이 앱 안에서 업데이트됩니다