Logic Tree

About this plugin

Build decision logic trees in Figma design files.HOW IT WORKS1. Open the plugin. A root box appears on your canvas right away. Just start typing to name it.2. In the plugin panel, hover any node. Four + circles appear (up, down, left, right).3. Click a circle. A new rounded box appears on the canvas, connected with a smooth curved arrow, ready for typing.4. Drag a node in the panel to move the box on the canvas. Cmd+Z undoes the last step.5. Open Archive to save the current tree. Load it back into any file later.FEATURES- Magnetic snapping: dragging a node snaps to other nodes' edges, centers, and the standard spacing. Hold Alt to turn it off- Auto arrange: one click rebuilds the whole tree into a clean, non-overlapping layout. Press again to flip between top-down and left-right- Resizable panel: drag the bottom-right corner. Your size is remembered- Archive: save a tree with a name, then rebuild it later in any file. Saved trees are listed with date and node count- Boxes grow as you type, live, in both the panel and on the canvas- Rounded rectangles with auto-layout: boxes grow with the text, wrap at 240px- Smooth curved connectors with arrowheads, drawn as real vectors on your canvas- Connectors follow when you move boxes, and clean up when you delete boxes- Keyboard: arrow keys grow the tree in that direction, Enter is a line break, Esc ends editing, Backspace deletes- Everything is plain Figma frames and vectors. Style them freely, they stay editable after the plugin closes- Feedback button: opens the community page in a browser tab, or copies the support email- No network access. Nothing leaves your fileNOTEFigma design files do not let plugins draw hover UI on the canvas itself, so the hover interaction lives in the plugin panel, which mirrors your tree in real time. Selection stays in sync both ways.---디자인 파일에서 의사결정 로직트리를 만드는 플러그인입니다.사용법1. 플러그인을 열면 루트 도형이 바로 하나 생깁니다. 그대로 타이핑하면 이름이 들어갑니다.2. 패널에서 노드에 커서를 올리면 상하좌우에 + 원이 뜹니다.3. 원을 누르면 캔버스에 라운드 사각형과 화살표 연결선이 생기고, 곧바로 입력 상태가 됩니다.4. 입력 중 Enter 는 줄바꿈입니다. 글자를 치는 동안 도형이 바로바로 커집니다. Esc 로 입력을 끝냅니다.5. 패널에서 노드를 잡아 끌면 캔버스 도형이 같이 움직입니다. 끌 때 다른 노드에 자석처럼 붙습니다. Cmd+Z 로 한 단계씩 되돌립니다. "자동 정렬"을 누르면 트리 전체가 겹치지 않게 다시 정리됩니다.6. "보관함"에 트리를 이름과 함께 저장해 두면, 나중에 다른 파일에서도 그대로 다시 만들 수 있습니다.도형을 옮기면 선이 따라오고, 도형을 지우면 선도 정리됩니다. "선 정리"를 누르면 지금 위치에 맞게 선 방향을 다시 잡습니다. 만들어진 것은 전부 일반 프레임과 벡터라서 플러그인을 닫아도 자유롭게 편집할 수 있습니다. 네트워크 접근이 없습니다. 보관함은 내 컴퓨터에만 저장됩니다.