Articles with thoughts and updates from Hypermatic.
The best place to read what's on our mind.
Hypermatic Articles — Page 14.
Read our thoughts on design and development, and follow along with what we're up to here at Hypermatic.
Dark Mode Favicon Workflow for Websites
Plan dark mode favicons and website icons with enough contrast, fallback thinking, and visual testing across browser themes.
Favicon Cache Busting Checklist
Fix stale favicons after a website icon update by checking browser cache, filenames, manifests, HTML links, and deployment paths.
Maskable Icon Checklist for PWAs
Prepare maskable PWA icons with the right safe area, manifest purpose, sizes, backgrounds, and visual testing before launch.
Safari Pinned Tab Icon Workflow
Prepare Safari pinned tab icons from Figma with the right simplified shape, monochrome treatment, mask behavior, and site metadata.
SVG Favicon vs ICO vs PNG
Choose between SVG, ICO, and PNG favicons by understanding browser support, legacy fallbacks, crispness, transparency, and implementation needs.
Batch Resize Workflow for Product Launches
Batch resize product launch images in Figma for landing pages, email, paid ads, social posts, and ecommerce channels.
Figma Image Cropping for Paid Social Ads
Crop paid social ad images from Figma with placement-specific safe areas, aspect ratios, text rules, and variant review.
Marketplace Image Crop Requirements Workflow
Prepare marketplace product image crops from Figma with consistent framing, aspect ratios, whitespace, and channel-specific requirements.
Multi-Aspect-Ratio Creative Workflow
Create multi-aspect-ratio campaign creative in Figma without manually rebuilding every horizontal, square, and vertical asset.
Safe Area Checklist for Social Media Crops
Crop social media graphics from Figma without hiding key text, faces, products, or CTAs behind platform UI safe areas.
Board Deck Workflow for Figma Teams
Create board decks in Figma with a workflow for version control, sensitive data, chart updates, approvals, and final presentation export.
Figma Presentation Analytics for Sales Decks
Use presentation analytics to understand how prospects engage with Figma-designed sales decks after they are shared.
Pitch Deck Version Control for Startups
Keep startup pitch decks organized with clearer version control, investor variants, data updates, and export-ready Figma workflows.
Presentation Handoff Checklist for Designers
Hand off Figma-designed presentations with clearer expectations for editability, fonts, images, animations, speaker notes, and export format.
Product Demo Deck Workflow in Figma
Build product demo decks in Figma with reusable screenshots, narrative flow, slide states, and export-ready presentation structure.
Design QA Handoff Between Designers and Developers
Create a better design QA handoff between designers and developers with clear comparison points, issue severity, and launch ownership.
Frontend QA Checklist for Landing Pages
QA landing pages against Figma designs by checking layout, responsive behavior, forms, CTAs, images, analytics, and visual polish.
Responsive Website QA from Figma
Check responsive website implementations against Figma designs across breakpoints, content lengths, spacing, and visual hierarchy.
Staging Site Design Review Checklist
Review staging websites against Figma before launch by checking design fidelity, content, assets, forms, responsive states, and approvals.
Visual Regression Testing vs Design QA
Understand the difference between visual regression testing and design QA when checking websites against Figma designs.
Image Alt Text Handoff Checklist for Designers
Help designers hand off images with useful alt text guidance, decorative image decisions, and accessibility notes before development.
Responsive Image Handoff from Figma
Prepare responsive image variants from Figma with clearer crop, size, format, and breakpoint guidance for developers.
Retina Image Export Workflow from Figma
Choose retina image export sizes from Figma without creating unnecessarily heavy website assets.
SVG vs PNG vs WebP for Figma Exports
Choose the right Figma export format by comparing SVG, PNG, and WebP for icons, illustrations, screenshots, and marketing images.
Pro Bundle