Design and Prototyping Resources
Entry points related to interface design, interactive prototypes, charts, mind maps, and fonts.
All 39 resources hub
DESIGNDesign and Prototyping Resources
39 resource entries
js.designjs.design is used for UI design, prototyping, and team collaboration in the browser; the service’s rules and privacy policy apply after you leave this site.Free for Commercial Use FontsFree commercial-use fonts（wordshub.github.io）for viewing and accessing the list of fonts marked for free commercial use and their license information; after redirecting, the service’s terms and privacy policy apply.ModaoModao（modao.cc）is used to create product prototypes, interactive demos, and collaborative design documents; after redirecting, the service’s rules and privacy policy apply.MubuMubu (mubu.com) is used to edit outline notes and convert them into mind maps; after redirecting, the service’s terms and privacy policy apply.qiuziti.comQiuziti (qiuziti.com) is used to identify fonts from images and look up font information; after navigating, the service’s terms and privacy policy apply.Hand-drawn WhiteboardThis site’s “Hand-drawn Whiteboard” is used to draw nodes, connectors, and hand-drawn shapes on a local canvas; the scope of data handling follows the tool page instructions.Mind Mapping ToolThis site’s “mind mapping tool” is used to create, edit, and organize mind maps in the browser; the scope of data processing is subject to the tool page description.Mind Mapping ToolThis site’s “mind mapping tool” is used to create, edit, and organize mind maps in the browser; the scope of data processing is subject to the tool page description.yestone.comYestone (yestone.com) is used to browse, buy, and license Yestone fonts; the service’s rules and privacy policy apply after leaving the site.Online drawing toolThis site’s “Online Drawing Tool” is used to draw nodes, connectors, and hand-drawn shapes on a local canvas; the scope of data processing is subject to the tool page description.Online Drawing ToolThe online drawing tool (app.diagrams.net) is used to create flowcharts, architecture diagrams, and general charts with diagrams.net; after redirecting, the service’s rules and privacy policy apply.ZitijiaZitijia (zitijia.com) is used to browse and download Chinese and English fonts and view licensing information; after redirecting, the service’s terms and privacy policy apply.Font TianxiaFont Tianxia (fonts.net.cn) for finding and downloading Chinese and English fonts classified by style; after redirect, the service’s rules and privacy policy apply.ZiyouZiyou (hellofont.cn) is used to preview, manage, and use Ziyou font resources; the service’s rules and privacy policy apply after redirecting.AxureAxure (axure.com) is used to create complex interactive prototypes, requirement documents, and user flows; the service’s rules and privacy policy apply after redirecting.BalsamiqBalsamiq（balsamiq.com）is used to quickly express product interface ideas with low-fidelity wireframes; after redirecting, the service’s terms and privacy policy apply.DaFontDaFont (dafont.com) is used to browse and download English fonts by style and view licensing details; after navigation, the service’s terms and privacy policy apply.FigmaFigma (figma.com) is used for interface design, prototyping, and collaboration in the browser; after navigation, the service’s rules and privacy policy apply.FramerFramer (framer.com) is used to design and publish responsive websites and interactive prototypes; after navigation, the service’s terms and privacy policy apply.GliffyGliffy (gliffy.com) is used to draw flowcharts, UML, network diagrams, and org charts online; after redirect, the service’s rules and privacy policy apply.Google FontsGoogle Fonts (fonts.google.com) is used to browse, test, and import open-source web fonts; after navigating, the service’s rules and privacy policy apply.LucidchartLucidchart (lucidchart.com) is used to collaboratively create flowcharts, architecture diagrams, org charts, and mind maps; after redirecting, the service’s rules and privacy policy apply.MasterGoMasterGo (mastergo.com) is used for UI design, interactive prototyping, design systems, and team collaboration; after leaving, the rules and privacy policy of that service apply.Mermaid ChartMermaid Chart (mermaid.ai) is used to write Mermaid text and preview flowcharts, sequence diagrams, and other charts; after navigation, the service’s rules and privacy policy apply.MindLineMindLine (mindline.cn) is used for online editing of mind maps and outline notes; the service’s rules and privacy policy apply after you visit.MockFlowMockFlow (mockflow.com) is used to create wireframes, UI prototypes, and product planning diagrams; after redirect, the service’s terms and privacy policy apply.PenpotPenpot (penpot.app) is used for interface design, prototyping, and team collaboration on an open-source platform; after leaving, the service’s terms and privacy policy apply.PixsoPixso (pixso.cn) is used for interface design, prototyping, design systems, and online collaboration; after redirect, the service’s rules and privacy policy apply.PlantUMLPlantUML (plantuml.com) is used to generate UML, sequence diagrams, component diagrams, and architecture diagrams from text syntax; the service’s rules and privacy policy apply after navigating there.ProcessOnProcessOn (processon.com) is used for drawing flowcharts, mind maps, UML, and network diagrams online; after redirecting, the service’s terms and privacy policy apply.Proto.ioProto.io (proto.io) is used to create interactive web and mobile app prototypes; after navigating, the service’s rules and privacy policy apply.ProtoPieProtoPie (protopie.io) is used to create high-fidelity prototypes with animations, conditions, and sensor interactions; after navigation, the service’s rules and privacy policy apply.SketchSketch (sketch.com) is used for interface design, prototyping, and design system maintenance on macOS; after redirecting, the service’s rules and privacy policy apply.SketchBoardSketchBoard (sketchboard.me) is used to draw software architecture and brainstorming diagrams with a collaborative whiteboard; after redirecting, the service’s terms and privacy policy apply.SVG EditorThis site’s “SVG editor” is used for editing SVG editor SVG graphics, attributes, and source code, and previewing the results; the scope of data handling is subject to the tool page instructions.tldrawtldraw (tldraw.dev) is used for freeform drawing and collaboration with an open-source infinite canvas; after you leave, the service’s rules and privacy policy apply.UXPinUXPin (uxpin.com) is used to create interactive prototypes based on design systems and code components; after following the link, the service’s terms and privacy policy apply.XMindXMind (xmind.cn) is used to create mind maps, logic charts, timelines, and brainstorming content; after the redirect, the service’s rules and privacy policy apply.ZeplinZeplin (zeplin.io) is used to hand off design files, annotations, assets, and design system documentation to developers; after leaving, the service’s rules and privacy policy apply.