Web Design Sketch Sheet Generator
Generate printable templates for low-fidelity wireframing and prototyping.
Sheet Identification
Layout Elements
DESIGNER: | TYPE: Low-Fidelity Wireframe
NOTES / ANNOTATIONS:
No viewports selected. Please configure layout elements.
'; } else { dispViewports.innerHTML = html; } } // --- PDF Download --- window.wdssgDownloadPDF = function() { // Ensure sheet is generated wdssgGenerateSheet(); const element = document.getElementById('wdssg-print-area'); const projectName = document.getElementById('wdssg-project-name').value || "Sketch_Sheet"; document.body.classList.add('wdssg-generating-pdf'); const opt = { margin: [0.75, 0.75], filename: `${projectName.replace(/\s+/g, '_')}_SketchSheet.pdf`, image: { type: 'jpeg', quality: 0.98 }, html2canvas: { scale: 2, useCORS: true }, jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' } }; html2pdf().set(opt).from(element).save().then(() => { document.body.classList.remove('wdssg-generating-pdf'); }); };