Launch
FREE
Discover the best platforms to launch your product.
Learn & References
Design systems, educational guides, UX checklists, and planning tools for product teams. This category lists 17 free tools you can open in the browser. Each tool has its own page with a short description and export options where applicable.
Tubik Blog
FREEGraphic design examples, UX design keywords, illustration art styles, and web design case studies from blog.tubikstudio.com.
Baseline
FREEBaseline HQ—editorial design, types of logo, grid systems, HSV colour model, and graphic design movements on baselinehq.com.
Checklist Design
FREEWebsite checklist, web design checklist, and UX checklist for pages, components, and flows on checklist.design—signup page, login, accordion, toggle, and save changes patterns.
Product Design Roadmap
FREEEmbed product-design-roadmap.com: UX roadmap, templates, research and strategy paths for beginners.
UI Design Tips
FREEEmbed uidesign.tips: UI design tips—ui card shadow, clickable cards, perfect header, border radius design, item selection patterns.
UX Tips
FREEEmbed uidesign.tips/ux-tips: conversion UX, pricing, onboarding—red for actions, power of faces.
World Time Buddy
FREEWorld clock and time zone converter for comparing time zones at a glance and scheduling meetings across regions; open the site if the embed is limited.
Paper Sizes
FREEPaper sizes on papersizes.io—envelope dimensions, photo sizes, Legal, Tabloid, A5. Charts in mm and inches; open the site if the embed is limited.
Design System Hub
FREEA curated collection of popular design systems from Apple, Ant Design, Shopify Polaris, and more.
Big Timer
FREEFullscreen countdown timer for presentations and workshops—set minutes, start or pause, toggle repeat, and project a large on-screen clock.
Design Prompts
FREEDesign prompt generator: browse 30 UI styles, copy AI-ready graphic design prompts for landing pages, and filter light/dark modes.
Design principles
FREEProduct and digital design principles on principles.design—Airbnb, HubSpot, org design, web design system examples. Open the site if the embed is limited.
DesignSystems.com
FREEFigma’s design systems publication: articles, getting-started guides, Schema talks, design ops, and the Design Systems Repo; open the site if the embed is limited.
Component Gallery
FREEUI component examples on component.gallery—carousel, tabs, accordion, dropdown, color picker. Compare design systems; open the site if the embed is limited.
Design Systems Repo
PAIDTop design systems, tools, and documentation on Design Systems Repo—examples, enterprise lists, React and UX references. Open the site if the embed is limited.
Fluent 2 Design System
FREEMicrosoft Fluent 2 on fluent2.microsoft.design—Fluent UI components, iconography, cross-platform guidance. Open the site if the embed is limited.
About Learn & References
Design systems, educational guides, UX checklists, and planning tools for product teams. This category lists 17 free tools you can open in the browser. Each tool has its own page with a short description and export options where applicable. You can explore each tool page to understand the use case, output format, and how to reuse results in design and frontend projects.
How teams use Learn & References
Common workflows for this category.
- Start quickly with learn & references: Open any tool in this category and work directly in your browser without setup or account steps.
- Reuse outputs in design workflows: Use generated SVG, image, and text outputs in Figma files, marketing pages, and product UIs.
- Keep your workflow focused: Each learn & references tool solves one clear task, so you can move from idea to usable output faster.
Related tool categories
Browse other categories to find complementary tools for your workflow.
SVG Generators
Backgrounds, patterns, shapes, waves, and 3D-style SVG generators for web layouts, illustrations, and design exports.
Icons & Graphics
Icon libraries, illustrations, doodles, and ready-to-use SVG asset collections for product UI.
Font Tools
Font conversion, @font-face helpers, inspection tools, and typography utilities.
Mockups & Device Frames
Device mockups, screenshot framing, and presentation templates.
Color Tools
Color pickers, palettes, contrast checkers, and accessibility.
Image & Conversion
Image tracing, OCR, SVG to PNG, Base64 encoding.
Frequently Asked Questions
Have questions? We have answers.