Planning và communication là hai yếu tố then chốt trong sự phát triển của bất kỳ trang web hay ứng dụng nào. Và đó chính xác là những gì mà wireframing process mang tới: một phương pháp nhanh chóng và đơn giản để lên lên kế hoach thiết kế layout, chi phí-hiệu quả, công cụ tiết kiệm thời gian, dễ dàng truyền đạt ý tưởng của bạn tới người khác. Wireframe typically thường có các yếu tố cơ bản của một trang web: header, footer, sidebar, thậm chí có một số nội dung được tạo ra, mang đến cho bạn, cho khách hàng và đồng nghiệp của bạn một layout được định hướng một cách trực quan đơn giản.Bài viết này tập trung vào các công cụ wireframing hiện tại và các ứng dụng độc lập, cũng như các nguồn tài liệu mà bạn sẽ cần để xây dựng wireframe của riêng bạn:wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, mà bạn sẽ dùng trong bất kỳ typical graphics editor nào như Photoshop hay Illustrator. … Hoặc bạn cũng có thể sử dụng bút và giấy.