- CONTENT
- STYLE
- LAYOUT
- HUMAN
Short answer
How can I edit my infographic layers using AI?
Your agent accesses the design's JSON structure to swap text, change colors, or move elements. This allows you to make precise structural edits through natural language commands. You'll see how the agent maps your requests to specific design properties below.
Design outcomes
What you can change
The agent handles the data-heavy structural edits.
CONTENT
Updated text and data
The AI modifies the text strings within the design. You get a graphic with new messaging without manual typing.
STYLE
Color and font changes
The agent updates the JSON properties for colors and typography. This changes the look of the entire design instantly.
LAYOUT
Structural adjustments
Your agent can move or resize elements by altering their coordinates. This reshapes the visual hierarchy of the piece.
HUMAN
Manual visual polish
The AI handles the data-heavy structural changes. You still need to step in for fine-tuned aesthetic decisions.
The workflow
What your AI does when the request arrives.
The agent translates your visual descriptions into structural data changes.
Find the design
The agent scans your Easelly account to locate the specific infographic you want to change.
list_infographicsRead the structure
The agent pulls the current design data to understand how the layers and colors are currently set.
generate_jsonApply edits
The agent writes new values for the specific layers you mentioned, such as changing a hex code or a label.
update_infographicConfirm changes
The agent verifies the update was successful by checking the new state of the design.
list_infographics
Try it
Copy these to start.
Use these prompts to trigger the first set of edits.
Starting points
These are basic commands. Replace the bracketed text with your actual design names or specific colors.
Easelly Connector
You're all set. Choose your MCP client and follow the setup instructions.
https://edge.vinkius.com/vk_preview_hEr3rB3CEhYuKpP4nr0MZYDghhR4oAivjI64xHy1/mcpClaude Desktop
Follow the steps below to connect in seconds.
- 1In Claude Desktop, open Settings → Connectors.
- 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
- 3Click Add and start a new chat — Easelly capabilities are ready to use.
{
"mcpServers": {
"easelly-mcp": {
"url": "https://edge.vinkius.com/vk_preview_hEr3rB3CEhYuKpP4nr0MZYDghhR4oAivjI64xHy1/mcp"
}
}
}List my infographics so I can pick one to edit.
Change the background color of the 'Q3 Sales Report' infographic to navy blue.
Update the text in the main header of my 'Product Roadmap' design to say '2025 Strategy'.
Find the 'Team Growth' infographic and change all the primary accent colors to forest green.
Claude
ChatGPT
Cursor
VS Code
Windsurf
Claude Code
JetBrains
Cline
Start here
Connect Easelly once, then ask.
Just click the link to authorize the connection. Your credentials stay encrypted, and you can immediately start talking to your designs in your preferred AI client.
Connect Easelly to your AIFAQ
How this task behaves.
- 01
Can the AI create a brand new infographic from scratch?
No. This specific workflow is for modifying existing designs by updating their JSON data.
- 02
Will the AI delete my original design?
No. The tools are designed to update existing files, not delete them.
- 03
Can I change the actual image files used in the design?
No. The agent can only modify the text, colors, and structural properties defined in the JSON.
- 04
Does the AI see my login password?
No. Vinkius handles the connection securely so your agent never sees your actual credentials.
- 05
How do I know which infographic to edit?
You can ask your agent to list your available infographics first to get the exact names.
More questions about Easelly? See everything the Easelly Connector can do
Connect Easelly to Claude, Cursor, ChatGPT & more
