제품 개요
Slack Block Kit is Slack's official framework for creating structured, interactive messages, modals, home tabs, and workflows in Slack apps. It uses JSON-based "blocks" to compose visually rich interfaces with elements like text, images, buttons, select menus, date pickers, and dividers, enabling developers to build engaging experiences without full custom apps. Widely used for bots, notifications, forms, and dashboards, it supports interactivity via actions and views for seamless user flows. Blocks & Layouts: Section, image, actions, context, divider, input blocks for modular composition. Interactive Elements: Buttons, menus, checkboxes, radio buttons, date/time pickers with action triggers. Surfaces: Messages, modals, home tabs, and workflow steps for different contexts. Block Kit Builder: Visual playground for prototyping and generating JSON code. Accessibility: Built-in support for screen readers and keyboard navigation.
추천 대상
팀 구축 확장 가능한, consistent digital products.
주요 기능
- Blocks & Layouts: Section, 이미지, actions, context, divider, input blocks 를 위한 modular composition.
- 인터랙티브 Elements: Buttons, menus, checkboxes, radio buttons, date/time pickers 를 사용한 action triggers.
- Surfaces: Messages, modals, home tabs, 및 워크플로우 steps 를 위한 다른 contexts.
- Block 키트 Builder: Visual playground 를 위한 프로토타이핑 및 생성 JSON 코드.
- 접근성: 내장 지원 를 위한 화면 readers 및 keyboard navigation.
장점
- +포괄적인 디자인 시스템
- +인터랙티브 프로토타이핑
- +워크플로우 간소화
- +개발자 친화적
단점
- -도입 시 팀 조율 필요
- -커스터마이징이 복잡할 수 있음
/// 스펙
- 가격:Free
- 플랫폼:Browser
Porsche Design System
오픈소스 프레임워크 를 위한 consistent, 프리미엄 automotive digital interfaces.
Pando Design System
Pluralsight's 오픈소스 디자인 시스템 를 위한 consistent, accessible 웹 interfaces.
Primer Design System
GitHub's 오픈소스 디자인 시스템 를 위한 consistent, accessible 웹 interfaces.
Radius Design System
Rangle's Meta-프레임워크 accelerating custom 디자인 시스템 creation 를 사용한 도구 및 키트.
Salt Design System
J.P. Morgan's 오픈소스 프레임워크 를 위한 accessible, 사용자 정의 가능 financial interfaces.
SmartHR UI
오픈소스 React 컴포넌트 라이브러리 를 위한 consistent, accessible HR 플랫폼 interfaces.
U.S. Web Design System
웹 디자인 시스템: official U.S. government 프레임워크 를 위한 consistent, accessible public digital services.
UNDP Design System
official U.S. government 프레임워크 를 위한 consistent, accessible public digital services.
VKUI
VK's 오픈소스 React 라이브러리 를 위한 consistent, accessible interfaces 에서 VK apps 및 services.
VTEX Design System
오픈소스 프레임워크 를 위한 consistent, accessible e-commerce interfaces.