GenerateBlocks Pro 2.8 업데이트: Design Tokens와 새 Design 패널 사용법

이 글에는 GeneratePress 제휴 링크가 포함돼 있어요. 해당 링크를 통해 구매하면 사이트 운영자가 수수료를 받을 수 있어요.

먼저 알아둘 3가지
  • 이번 화면 개편은 GenerateBlocks 2.5와 Pro 2.8을 함께 기준으로 봐야 해요.
  • Design Tokens는 자주 쓰는 색상과 간격에 이름을 붙여 재사용하는 Pro 기능이에요.
  • 새 Design 패널과 대시보드에서 Global Styles·Tokens를 관리하고 변경을 미리 볼 수 있어요.

버튼 색상 하나를 바꿀 때마다 여러 페이지를 열고 있다면, 이번 GenerateBlocks 업데이트에서 눈여겨볼 기능이 있어요. 색상이나 여백 값을 한곳에 모아 관리하는 Design Tokens예요.

GeneratePress는 2026년 10월 14일 공식 글에서 GenerateBlocks 2.5와 Pro 2.8의 대시보드·UI 개편을 소개했어요. 이 글은 공식 발표와 도움말을 기준으로, 블로그 운영자가 먼저 이해할 부분을 정리했어요.

1. GeneratePress와 GenerateBlocks 버전을 구분해요

GeneratePress는 테마이고, GenerateBlocks는 블록 편집기를 확장하는 플러그인이에요. GenerateBlocks Pro는 무료 플러그인에 유료 기능을 더하는 제품이라서, 테마만 업데이트했다고 Pro 2.8 기능이 생기는 것은 아니에요.

아직 제품 구성이 헷갈린다면 GeneratePress 입문 가이드에서 테마의 역할부터 살펴보세요. GeneratePress 무료·프리미엄 비교는 테마 선택을 위한 글이며, GenerateBlocks Pro의 기능표와는 구분해서 읽으면 좋아요.

2. Design Tokens는 반복하는 값에 이름을 붙이는 기능이에요

예를 들어 여러 버튼에 같은 초록색을 직접 입력하는 대신 ‘Brand color’라는 토큰을 만들어 연결할 수 있어요. 토큰은 개별 디자인 값을 관리하고, Global Styles는 카드나 버튼에 적용할 스타일 규칙을 묶는 용도로 이해하면 쉬워요.

공식 도움말에서는 Color, Unit, Text 세 유형을 안내해요. 색상, 길이·크기, 글꼴 목록 같은 값을 목적에 맞게 나눌 수 있어요. 처음에는 대표 색상 하나와 기본 간격 하나 정도로 시작하는 것을 권해요. 이름은 적용 위치를 떠올릴 수 있게 정하면 나중에 찾기 편해요.

중요한 점은 기존 페이지에 입력한 모든 색상이 자동으로 토큰에 연결되지는 않는다는 거예요. 연결한 블록이나 스타일에 효과가 생기는 것이므로, 작은 범위에서 적용 결과를 확인하며 늘려가는 편이 좋아요.

3. 새 Design 패널과 대시보드는 쓰는 상황이 달라요

GenerateBlocks 편집기 오른쪽 Design Tokens 패널 공식 화면
공식 도움말에서 제공한 편집기 화면 캡처예요. 출처: Learn GeneratePress. 대표 이미지도 같은 공식 도움말의 Design Workspace 화면이에요.

글이나 페이지를 편집하면서 스타일을 조절할 때는 편집기 상단의 Design 버튼으로 패널을 열어요. Global Styles와 Design Tokens를 오가며 현재 작업과 관련된 값을 다룰 수 있어요.

사이트 전반을 정리할 때는 관리자 GenerateBlocks 메뉴의 Design 영역을 확인하세요. 공식 문서는 Global Styles·Design Tokens로 여는 대시보드도 안내하고 있어요. Live Preview에서는 실제 사이트 화면을, Style Book에서는 제목·문단·버튼 같은 기본 요소를 보며 작업할 수 있어요.

메뉴가 보이지 않으면 설치 버전과 사용자 권한을 함께 확인해야 해요. 공식 도움말에 따르면 Global Styles나 Tokens를 관리할 권한이 없는 사용자는 해당 화면을 볼 수 없어요. 메뉴가 없다는 이유만으로 플러그인을 다시 설치할 필요는 없어요.

4. 기존 블로그에는 작은 범위부터 적용해요

  1. 현재 플러그인 버전과 백업·복구 방법을 확인해요. 운영 중인 사이트라면 테스트 환경에서 먼저 살펴봐요.
  2. GenerateBlocks 무료·Pro의 지원 버전을 함께 확인하고, 편집기의 Design 패널이 열리는지 봐요.
  3. Brand color처럼 용도가 분명한 토큰 하나를 만들고, 테스트용 버튼이나 카드 한 곳에 연결해요.
  4. 모바일과 데스크톱 미리보기에서 색상·간격·줄바꿈을 비교한 뒤 변경 내용을 저장해요.
  5. 문제가 없으면 같은 역할의 요소로 적용 범위를 늘려요. 기존 토큰의 이름 변경·삭제 전에는 Check usage로 사용 위치부터 확인해요.

위 순서는 운영을 위한 권장 적용 방식이에요. 특히 토큰 이름을 바꿔도 기존 참조가 자동으로 수정되지는 않는다고 공식 문서가 안내하므로, 먼저 사용 위치를 확인하는 것이 좋아요.

5. 자주 묻는 질문

무료 GenerateBlocks에서도 Design Tokens를 쓸 수 있나요?

공식 도움말에서는 Pro 기능으로 안내해요. 무료판의 기본 블록만 필요한 상태라면, 이번 기능을 위해 바로 유료 제품을 구매할 필요는 없어요.

GP Premium을 샀으면 GenerateBlocks Pro도 포함되나요?

두 제품은 구분해야 해요. 본인이 구매한 상품이나 번들에 GenerateBlocks Pro가 들어 있는지 계정에서 확인하세요. GP Premium 등록 과정은 라이선스·모듈 설정 가이드에 따로 정리했어요.

업데이트만 하면 기존 글의 디자인도 바뀌나요?

새 토큰을 만들었다고 기존 글의 값을 모두 바꾸는 것은 아니에요. 어떤 요소가 토큰·Global Styles를 참조하는지 확인하고, 사이트 전체에 쓰는 값을 수정할 때는 미리보기와 저장 전 점검을 거치는 편이 좋아요.

구매를 검토한다면 GeneratePress 공식 제품·구성 확인하기에서 현재 구성과 조건을 확인하세요. 기능과 메뉴 설명은 아래 공식 자료를 기준으로 했어요.

공식 자료 · 2026년 10월 20일 확인
GenerateBlocks Evolved 공식 발표
Design Tokens 도움말
Design workspace 도움말