SYNCIA

About this plugin

About

SYNCIA는 Information Architecture(IA) 데이터와 Figma를 동기화하는 자동화 플러그인입니다.

구글스프레드시트 기반 IA를 내보낸 JSON을 업로드하면,

화면 구조를 분석해 Figma 컴포넌트를 자동 생성하고 변수를 바인딩합니다.

또한 IA 변경사항을 감지해 컴포넌트를 자동 업데이트하는 워크플로우를 지원합니다.

SYNCIA is an automation plugin that syncs Information Architecture (IA) data with Figma.

Upload CSV files from Google Sheets or exported JSON from IA sheets, and the plugin analyzes screen structures to automatically generate Figma components and bind variables. It supports workflows that detect IA changes and automatically update components.

Key Features

Json Import : 구글시트에서 내보낸 Json 파일을 업로드하여 피그마 변수 체계에 맞게 화면 목록을 불러옵니다. 화면명, ID, 그룹 구조 등 모든 정보를 자동으로 파싱합니다.

Variable Sync : Figma 변수 컬렉션에서 IA 데이터를 자동으로 추출합니다. 최신 변수 컬렉션을 인식하여 화면 목록을 실시간으로 반영합니다.

Auto Component Generation : 화면 목록을 기반으로 컴포넌트를 자동 생성합니다. screen_id를 기준으로 컴포넌트명을 지정하고, 카테고리/그룹 구조를 유지합니다.

Variable Binding : 생성된 컴포넌트에 screen_id_old, screen_id, screen_name 변수를 자동 바인딩합니다. 각 컴포넌트에 해당하는 IA 데이터를 연결합니다.

Change Detection : IA 데이터의 변경사항을 감지해 추가/변경/오류 항목을 분류합니다. 변경된 변수값만 선별적으로 업데이트할 수 있습니다.

Error Validation : 변수에 "ERROR" 값이 포함된 화면을 자동으로 감지하고 별도로 표시합니다. 데이터 오류를 사전에 확인할 수 있습니다.

Category Organization : 화면을 카테고리와 그룹(SB_name, 1depth, 2depth 등)으로 자동 분류합니다. 계층 구조를 유지한 채 목록을 관리합니다.

Json Import : Upload Json files exported from Google Sheets to load screen lists. Automatically parses all information including screen names, IDs, and group structures.

Variable Sync : Automatically extracts IA data from Figma variable collections. Recognizes the latest variable collection and reflects screen lists in real time.

Auto Component Generation : Automatically generates components based on screen lists. Names components using screen_id and maintains category/group structures.

Variable Binding : Automatically binds screen_id_old, screen_id, and screen_name variables to generated components. Links IA data corresponding to each component.

Change Detection : Detects changes in IA data and categorizes them into added/changed/error items. Allows selective updates of only modified variable values.

Error Validation : Automatically detects and displays screens containing "ERROR" values in variables. Enables early verification of data errors.

Category Organization : Automatically categorizes screens by categories and groups (SB_name, 1depth, 2depth, etc.). Manages lists while maintaining hierarchical structures.

-

PlusX Creative Partner

plus-ex.com

behance.net/plusx

instagram.com/plusx_creative

facebook.com/plus.experience