AGENT

用Claude Code创建图表

Claude Code 不仅可以用于编码，还可以创建相当复杂的图表。在本文中，我将探索 Claude Code 中用于网页或桌面创建图表的几种流行场景，并分享一些帮助你充分利用它的技巧。

Apr 16, 2026 • 5 min read

微信 ezpoda免费咨询：AI编程 | AI模型微调| AI私有化部署
AI模型价格对比 | AI工具导航 | ONNX模型库 | Tripo 3D | Meshy AI | ElevenLabs | KlingAI | ArtSpace | Phot.AI | InVideo

1、块状图

Claude Code 可以创建块状图，如用户流程图、业务流程图和流程图。让我们从用户流程图开始。当你在 Claude Code for Desktop 中提交这样的提示时：

create a diagram showing a checkout process in ecommerce website

Claude 将自动触发 Figma 集成并制作一个看起来像这样的图表。好处在于你可以点击"在 Figma 中编辑"并在 Figjam 中完善图表。

在 Claude Code 中创建的用户流程图。

现在，让我们看看业务管道图会得到什么。提交提示

show a pipeline diagram for food retailer

在 Claude Code 中创建的业务流程图。

现在，让我们看看对于以下提示会得到什么流程图。

create flowchart diagram for testing light bulb

快速说明：

理想情况下，你创建的所有图表应该与 Claude Code 正在处理的项目相关。所以在我最后的例子中，我要求 Claude 创建一个测试灯泡的流程图有点奇怪，但我是为了测试目的而做的。
如果你不想在 Figma（FigJam）中创建图表，你可以使用一个简单的技巧。在提示中要求 Claude Code 创建一个交互式图表。例如，当你提交提示"创建一个用于测试灯泡的交互式流程图"时，你会得到以下交互式图表：

Claude Code 通常会创建交互式条形图、饼图和折线图。因此，与通常使用 Figma Figjam 集成创建的块状图不同，对于条形图、饼图和折线图，Claude Code 将触发自己的自定义图表方法。

条形图可以是客户细分分析的一个很好的补充。对于我的例子，我将用它来生成分流行英国零售商的不同细分群体。

create a bar chart diagram showing different age groups of Tesco customers

根据你的图表有多少条形，Claude Code 可以自动决定是垂直条形图还是水平条形图。例如，对于以下提示，Claude Code 决定使用水平条形图：

create bar chart with breakdown of expenses that retailer in UK has

快速说明：你可以在提示中提到具体布局，要求 Claude Code 为条形图使用特定布局。

Claude Code 生成的饼图与条形图的工作方式非常相似。你可以将条形图转换为饼图，反之亦然。我用来创建以下饼图的提示是：

create pie chart using the data from the breakdown of expenses of retailer in UK

下面是伦敦不同社区人口的折线图。我使用的提示是：

Create a line chart showing how the population of different areas of London grows over time

在 Claude Code 中生成的折线图。

Claude Code 可以帮助你处理非常复杂的主题，比如解释特定技术如何工作。

Create visualization explaining how Apple Pay works

你可以使用 Claude Code 不仅解释技术主题，还可以解释医学或科学概念。例如，这里有一个创建 DNA 图表的提示：

create a visual diagram showing how DNA works. Diagram should be interactive

快速说明： 你用 Claude Code 创建的图表越复杂，图表出现视觉缺陷的可能性越高。例如，在我上面分享的 DNA 图表中，你可以很容易地发现一些视觉缺陷，如文本溢出。不幸的是，即使使用 Opus 4.6，这仍然是 Claude Code 中非常常见的问题。

汇智网翻译整理，转载请标明出处