SlidesAI Help Center
SlidesAI Platform

Richer slides on the Platform — math, code, and interactive charts.

🚀 SlidesAI Platform — February 2026

The editor gets a lot more expressive this month. If you build technical, academic, or data-heavy presentations, you can now add properly formatted equations, syntax-highlighted code, and real charts directly on a slide — no more screenshotting from other tools. You can also crop images in the editor, and new text elements pick sensible colors automatically.

What's new

Math elements

Add cleanly formatted equations right onto a slide. Ideal for lectures, research presentations, and anything STEM, where an inline image of an equation used to be the only option.

  1. In the editor, open a slide and click More in the editing toolbar.

  2. Click Math Formula (the button with the sigma icon).

  3. In the right-side Equation Editor panel, enter your formula in the Formula field.

  4. Choose Display Mode (Block or Inline) and Variant (Clean or Boxed).

  5. Adjust Font size if needed. The equation shows live on the slide.

The editing toolbar with the More menu expanded, showing the Math Formula button with a sigma icon.
Click More, then Math Formula to insert an equation element.
The Equation Editor panel on the right side of the editor, showing the Formula input field, Display Mode options (Block, Inline), Variant options (Clean, Boxed), and Font size controls.
The Equation Editor panel lets you type the formula, pick display mode, and style the equation.

Code elements

Insert syntax-highlighted code blocks so technical slides stay readable. Code keeps its formatting and highlighting instead of being pasted in as flat, hard-to-read text.

  1. In the editor, click More in the toolbar, then select Code.

  2. Choose the language from the dropdown (for example, JavaScript).

  3. Click Edit Code to open the code editor and enter your snippet.

  4. The code block shows with syntax highlighting and line numbers on the slide.

A selected code element on a slide, showing the language dropdown set to JavaScript, formatting buttons, and the Edit Code button.
Select the language and click Edit Code to enter your snippet.
A slide displaying a syntax-highlighted code block with line numbers, showing a JavaScript console.log example.
The code block renders with syntax highlighting and line numbers on the slide.

Interactive charts

Charts are now handled natively, so your data shows as a real, editable chart rather than a static image. Update the numbers and the chart updates with them.

  1. In the editor, click More in the toolbar, then select Chart.

  2. Pick a chart type from the options: Bar Chart, Line Chart, Area Chart, Pie Chart, or Doughnut Chart.

  3. With the chart selected, click Edit chart data in the toolbar above the slide.

  4. In the Edit data modal, edit categories, series names, and numeric values.

  5. Click Update to apply the changes. The chart redraws automatically.

The chart type picker showing Bar Chart, Line Chart, Area Chart, Pie Chart, and Doughnut Chart options.
Choose from Bar, Line, Area, Pie, or Doughnut chart types.
A selected bar chart on a slide, showing the Chart type dropdown and the Edit chart data button in the toolbar.
Select the chart, then click Edit chart data to change the values.
The Edit data modal showing a table with categories (Q1, Q2, Q3, Q4) and two series (2024, 2025) with their numeric values.
Edit categories, series names, and values in the Edit data modal.
A slide showing a rendered bar chart titled Quarterly Sales with two series (2024 and 2025) across Q1 through Q4.
The chart renders natively on the slide and updates automatically when you change the data.

Image cropping

Crop images directly in the editor to frame visuals exactly how you want, without bouncing out to a separate image tool.

  1. Select the image on your slide.

  2. Click the Crop button in the image toolbar.

  3. Drag the crop handles to adjust the crop area.

  4. Click outside the image or press Enter to apply the crop.

An image selected on a slide with the image toolbar visible, showing the Crop button highlighted.
Select the image and click Crop to start framing.
An image with white crop handles visible at the corners and midpoints of the bounding box.
Drag the crop handles to adjust the visible area.

Improvements

  • Smart default colors — new text elements pick sensible colors automatically, so they look right the moment you add them. For example, body text defaults to a dark gray that stays readable on most backgrounds.

  • Refreshed editor UI for a cleaner, easier-to-navigate workspace. The top header, slide sidebar, main editing area, and right properties panel have been streamlined.

Was this helpful?