Back to Plugins
Echarts Builder For Figma

Echarts Builder For Figma

Visual editor to create Apache ECharts and export them as SVGs directly to Figma canvas.

Plugin Preview

Echarts Builder For Figma preview

About this plugin

Charts Builder - Powered by E-Charts API ✨ Features


📈 Chart Types

  1. Line Charts - Simple and smooth line visualizations
  2. Bar Charts - Vertical bar charts with multiple series support
  3. Horizontal Bar Charts - Horizontal orientation for better label readability
  4. Pie Charts - Circular data representation
  5. Doughnut Charts - Pie charts with center hole
  6. Area Charts - Filled line charts
  7. Scatter Charts - Point-based data visualization
  8. Mixed Charts - Combine different chart types in one visualization


🎨 Visual Controls

  1. Title Management - Show/hide, alignment (left/center/right), positioning (top/bottom)
  2. Legend Controls - Position (top/bottom/left/right), alignment options
  3. Axis Controls - Show/hide X/Y axes, grid lines
  4. Dark Mode - Built-in ECharts dark theme support
  5. Custom Dimensions - Manual width/height input (300-1200px × 200-900px)


📊 Data Management

  1. Multi-Series Support - Add unlimited data series
  2. Individual Series Controls - Custom colors, types, visibility per series
  3. Data Randomization - Generate random test data (global or per-series)
  4. Real-time Editing - JSON data input with live preview


🔧 Interface Features

  1. Minimize/Maximize - Collapse to header-only view
  2. Export to Figma - Direct SVG insertion into Figma canvas
  3. Responsive Design - Adapts to plugin window size
  4. Black & White UI - Clean, professional interface (except color pickers)

Plugin Details

Version2
CreatedJune 22, 2025
Last UpdatedJuly 11, 2025
CategoryImport & export plugins
CreatorSudheer Salavadi
Stats10 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdn.jsdelivr.net