pile·
프론트엔드·레모네이드레모네이드·

[Figma] 컴포넌트에 적용된 값들이 사라지지 않게 대체하기

문제Figma 마스터 컴포넌트를 새 버전으로 교체하면 기존 인스턴스에 입력된 텍스트 값이 함께 날아가 디자인 시안 곳곳을 다시 작성해야 했다.
접근기존 컴포넌트를 즉시 지우지 않고 신규 컴포넌트를 같은 자리에 겹쳐 배치한 뒤 모든 페이지에서 기존 텍스트를 신규 인스턴스로 옮기고, 이관 검증 후 기존 마스터를 제거하는 단계적 절차를 정립했으며, 발생한 레이아웃 깨짐은 Resizing을 Fixed width → Fill container로 바꿔 해결했다.
결과디자인 시스템 컴포넌트 교체 시 기존 값을 보존하면서 안전하게 마이그레이션할 수 있는 표준 패턴이 정리됐다.
레모네이드
레모네이드 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·여기어때 (GC컴퍼니)여기어때 (GC컴퍼니)·

    항공 프론트엔드 구축기 (7/10): 창구를 하나만 두었습니다

    여기어때 항공 서비스 프론트엔드가 웹과 앱 웹뷰 두 환경에서 동일한 함수 호출로 동작하는 앱 브릿지 추상화 레이어를 설계한 과정을 다룬다. iOS·안드로이드 규약 차이와 "웹에 존재하지 않는 브릿지를 어떻게 호출하나"라는 문제를 단일 추상화 층으로 해결한 구현 사례다.

    요약 이어보기
    #react#typescript#webview+2