[ad_1]
Tài liệu giúp các nhóm sử dụng lại công việc hiện có thay vì xây dựng lại UI mới. Nó rất quan trọng trong các thư viện thành phần và hệ thống thiết kế bởi vì họ có ý định phân phối rộng rãi.
Tuy nhiên, tài liệu thường tốn nhiều công sức hơn mọi người mong đợi. Bạn kết thúc thời gian chìm vào các nhiệm vụ phi tài liệu như cơ sở hạ tầng trang web, làm xáo trộn các nhà văn kỹ thuật và bảo trì thay vì thực sự viết tài liệu.
Storybook đã cung cấp tài liệu nhẹ ra khỏi hộp (mặc dù chúng tôi không gọi đó là tài liệu nhẹ ) bằng cách khuyến khích một cách tự nhiên các nhà phát triển để lưu các biến thể thành phần UI như là những câu chuyện của Cameron. Addon tài liệu khuếch đại khả năng cốt lõi này để giúp các nhóm liên ngành luôn đồng bộ.
Addon Storybook Docs chính thức tạo ra một trang web tài liệu tùy chỉnh cho thư viện thành phần hoặc hệ thống thiết kế của bạn. Nó thành công với thông tin phổ biến với sự hỗ trợ hạng nhất cho cú pháp Markdown, MDX và JSDoc.
Dưới vỏ bọc, SB Docs sử dụng công cụ docgen tiêu chuẩn công nghiệp để xây dựng tài liệu API từ các câu chuyện. Mang các tạo phẩm thiết kế vào SB Docs bằng cách nhúng chúng qua iframe từ Figma hoặc Sketch (với Tóm tắt).
InVision DSM là một công cụ tài liệu hệ thống thiết kế. Nó giúp các nhóm thiết kế củng cố các nguyên tắc UX, thiết kế giao diện người dùng, hướng dẫn sử dụng, mã thông báo và hơn thế nữa trong trang web tài liệu dùng chung.
DSM cho phép bạn xem các thành phần Storybook trong ứng dụng DSM cùng với các thiết kế (được trích xuất từ Phác thảo). Các nhóm có thể tương tác với việc triển khai thành phần UI trong ngữ cảnh của hệ thống thiết kế trước khi tích hợp nó vào ứng dụng của họ.
Zeplin là một công cụ chuyển giao thiết kế tạo ra các kiểu dáng từ các tệp thiết kế. Nó tự động trích xuất siêu dữ liệu như tài sản, màu sắc và các phép đo từ các tệp thiết kế để giúp các nhà phát triển dễ dàng tuân thủ thông số thiết kế hơn. Zeplin cho phép bạn liên kết với các thành phần Storybook từ bên trong ứng dụng máy tính để bàn của họ.
Zeroheight là một trình tạo styleguide hợp tác cho các hệ thống thiết kế. Nó trưng bày tài liệu thiết kế, mã, thương hiệu và sao chép ở một nơi. Người dùng có thể dễ dàng chỉnh sửa tài liệu đó bằng trình soạn thảo WYSIWYG. Addon mang các thành phần Storybook vào Zeroheight để hiển thị cùng với các thiết kế của Sketch, Figma hoặc Adobe XD.
Các thành phần UI là nguồn sự thật cho các nhà thiết kế và nhà phát triển. Story2sketch cho phép bạn xây dựng tệp Phác thảo từ các thành phần trong Storybook. Điều này giúp các nhà thiết kế giữ cho các tệp Phác thảo của họ hiện tại với các mẫu UI mới nhất.
Mã thông báo thiết kế của Mã là một hằng số kiểu dáng cho các biến như kiểu chữ, màu sắc, khoảng cách và hình ảnh động. Mã thông báo được phân phối bởi các hệ thống thiết kế để tái sử dụng trên nhiều dự án. Addon này trích xuất tài liệu mã thông báo thiết kế từ các bảng định kiểu của bạn để hiển thị trong quá trình phát triển.
Source link: webdesignernews