再见Visio,再见draw.io
Visio和draw.io出的远古流程图不好看,本期给大家安利一个流行的流程图神器——diagram-design。
diagram-design是一个图表设计skill。
你告诉diagram-design要什么图,它去读一下你的网站,然后生成一张跟你的品牌风格匹配的图表,前后不到一分钟。
你白话文描述:
"onboard diagram-design to https://你的网站或blog.com"
diagram-design开始干活:
→ fetches the homepage
→ extracts the dominant palette + font stack
→ maps detected values to semantic roles:
paper, ink, muted, accent, link
→ shows a proposed diff
→ writes your tokens to references/style-guide.md
让他执行: "yes, apply it"
生成出来的图就是个HTML文件,双击浏览器打开就能看,不依赖任何外部资源。
例如,ER / data model,适合Entities + fields
Process,适合Multi-actor sequential workflow
Pyramid / funnel,适合Ranked hierarchy or drop-off
Gantt,适合Tasks + phases on a timeline
Sankey,适合Quantities that split + merge
等等......,目前,支持53种图类型,
每种都有亮色、暗色和完整版三个版本可选。
开源地址: https://github.com/cathrynlavery/diagram-design
往期精彩