<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Figviz</title>
    <description>The latest articles on DEV Community by Figviz (@figviz).</description>
    <link>https://dev.to/figviz</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4021126%2Faa94d2c0-448d-4641-858a-b46ff76e1fbd.png</url>
      <title>DEV Community: Figviz</title>
      <link>https://dev.to/figviz</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/figviz"/>
    <language>en</language>
    <item>
      <title>Turn a text prompt into a labeled science diagram with the Figviz API</title>
      <dc:creator>Figviz</dc:creator>
      <pubDate>Wed, 08 Jul 2026 13:49:10 +0000</pubDate>
      <link>https://dev.to/figviz/turn-a-text-prompt-into-a-labeled-science-diagram-with-the-figviz-api-14kn</link>
      <guid>https://dev.to/figviz/turn-a-text-prompt-into-a-labeled-science-diagram-with-the-figviz-api-14kn</guid>
      <description>&lt;h2&gt;
  
  
  The problem
&lt;/h2&gt;

&lt;p&gt;If you've ever built anything for classrooms, edtech, or study tools, you know making &lt;strong&gt;labeled&lt;/strong&gt; science and math figures is a pain — a labeled animal cell, a convex-lens ray diagram, a titration curve, a labeled function graph. Stock images are unlabeled or wrong; drawing them by hand doesn't scale.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://figviz.com" rel="noopener noreferrer"&gt;Figviz&lt;/a&gt; is an API that turns a plain text prompt into an accurate, &lt;strong&gt;labeled&lt;/strong&gt; diagram for biology, chemistry, physics, and K-12 math. Here's how to call it from Node, the CLI, or plain HTTP.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Get a free key
&lt;/h2&gt;

&lt;p&gt;Create a key at &lt;strong&gt;&lt;a href="https://figviz.com/settings/api" rel="noopener noreferrer"&gt;https://figviz.com/settings/api&lt;/a&gt;&lt;/strong&gt; — it's free (3 credits to start), pay-as-you-go, no subscription. Keys look like &lt;code&gt;fvk_...&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Fastest path: the CLI
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# one-off, no install&lt;/span&gt;
&lt;span class="nv"&gt;FIGVIZ_API_KEY&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;fvk_xxx npx @figviz/figviz-sdk &lt;span class="s2"&gt;"labeled animal cell cross-section for 7th grade"&lt;/span&gt;

&lt;span class="c"&gt;# pick resolution + aspect ratio, save to a file&lt;/span&gt;
npx @figviz/figviz-sdk &lt;span class="s2"&gt;"convex lens ray diagram"&lt;/span&gt; &lt;span class="nt"&gt;--quality&lt;/span&gt; 2k &lt;span class="nt"&gt;--aspect&lt;/span&gt; 16:9 &lt;span class="nt"&gt;--out&lt;/span&gt; lens.png
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  3. In Node with the SDK
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; @figviz/figviz-sdk
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight typescript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;createFigviz&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;@figviz/figviz-sdk&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;figviz&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;createFigviz&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="na"&gt;apiKey&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;process&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;env&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;FIGVIZ_API_KEY&lt;/span&gt;&lt;span class="o"&gt;!&lt;/span&gt; &lt;span class="p"&gt;});&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;images&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;credits_remaining&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;figviz&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;generate&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
  &lt;span class="na"&gt;prompt&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;labeled titration curve, strong acid vs strong base&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;quality&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;2k&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;       &lt;span class="c1"&gt;// '1k' | '2k' | '4k'  (4k costs 1.5 credits)&lt;/span&gt;
  &lt;span class="na"&gt;aspectRatio&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;4:3&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;  &lt;span class="c1"&gt;// optional&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;images&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;]);&lt;/span&gt;            &lt;span class="c1"&gt;// URL to the generated PNG&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;credits_remaining&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;    &lt;span class="c1"&gt;// credits left on your key&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  4. Or just hit the HTTP endpoint
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl &lt;span class="nt"&gt;-X&lt;/span&gt; POST https://figviz.com/api/v1/generate &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;-H&lt;/span&gt; &lt;span class="s2"&gt;"Authorization: Bearer &lt;/span&gt;&lt;span class="nv"&gt;$FIGVIZ_API_KEY&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;-H&lt;/span&gt; &lt;span class="s2"&gt;"Content-Type: application/json"&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;-d&lt;/span&gt; &lt;span class="s1"&gt;'{ "prompt": "labeled parts of a plant cell", "quality": "2k" }'&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You can pass up to 4 prompts in one request via &lt;code&gt;"prompts": ["...", "..."]&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Using an MCP client (Claude Desktop, Cursor, Cline…)
&lt;/h2&gt;

&lt;p&gt;There's also a Figviz MCP server (&lt;code&gt;@figviz/figviz-mcp&lt;/code&gt;), so your AI assistant can generate diagrams as a tool. Add it to your MCP client (&lt;code&gt;npx @figviz/figviz-mcp&lt;/code&gt;) with &lt;code&gt;FIGVIZ_API_KEY&lt;/code&gt; set — then ask it for "a labeled DNA replication fork" and it returns the image inline.&lt;/p&gt;

&lt;h2&gt;
  
  
  Where this is handy
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Worksheet / quiz builders that need a labeled figure per question&lt;/li&gt;
&lt;li&gt;Edtech apps generating study material on the fly&lt;/li&gt;
&lt;li&gt;Docs/slides pipelines that want print-ready PNGs from text&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Free to start at &lt;a href="https://figviz.com" rel="noopener noreferrer"&gt;figviz.com&lt;/a&gt;. If you build something with it, I'd love to see it.&lt;/p&gt;

</description>
      <category>ai</category>
    </item>
  </channel>
</rss>
