diff --git a/index.html b/index.html
index 66826c3..46989d3 100644
--- a/index.html
+++ b/index.html
@@ -88,6 +88,7 @@
               <summary>부재 표시 <span id="parts-count" class="panel-state"></span></summary>
               <div id="parts"></div>
             </details>
+            <button id="all-toggle" class="btn" type="button" aria-pressed="false" title="6기를 콘크리트만 한 화면에 (① 형상 생성)">전체 보기</button>
             <div class="views-menu" id="views-menu">
               <button id="views-toggle" class="btn views-toggle" type="button" aria-haspopup="true" aria-expanded="false" aria-controls="views">시점</button>
               <div id="views" class="views views-list" role="group" aria-label="시점" hidden></div>
diff --git a/src/main.ts b/src/main.ts
index 08eff59..fb45f3b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -612,6 +612,9 @@ let lastScrolledPier: string | null = null;
 
 function renderAll(): void {
   updatePartsCount();
+  const allToggle = $<HTMLButtonElement>('all-toggle');
+  allToggle.setAttribute('aria-pressed', String(state.allView));
+  allToggle.disabled = state.stage !== 'shape' || !state.piers.some((p) => p.model);
   if (state.active !== lastScrolledPier) {
     lastScrolledPier = state.active;
     document.querySelector<HTMLButtonElement>('.pier-items [aria-pressed="true"]')?.scrollIntoView({ block: 'nearest' });
@@ -3243,6 +3246,12 @@ function restorePanel(id: string): void {
 restorePanel('parts-info');
 restorePanel('color-info');
 
+$<HTMLButtonElement>('all-toggle').addEventListener('click', () => {
+  state.allView = !state.allView;
+  setupScene();
+  renderAll();
+});
+
 $<HTMLButtonElement>('views-toggle').addEventListener('click', () => setMenuOpen('views', $<HTMLDivElement>('views').hidden === true));
 $<HTMLButtonElement>('origin-toggle').addEventListener('click', () => setMenuOpen('origin', $<HTMLSpanElement>('origin').hidden === true));
 document.addEventListener('click', (ev) => {