Skip to content
All tool news

Tool desk · Updated daily

Tool news·Figma·

Figma Introduces Drag-to-Reorder Grid Controls for Faster Layout Adjustments.

Figma rolls out Gridmaxxing, adding drag-to-reorder columns and rows, automatic positioning, and automatic row handling.

CW

Create With tool desk

1 source checked · 2 min read · 2 sections

ShareLinkedIn
Figma Introduces Drag-to-Reorder Grid Controls for Faster Layout Adjustments

Faster grid workflows

Figma has introduced a set of grid layout improvements it's calling "Gridmaxxing," announced on LinkedIn. The update centers on three capabilities: drag-to-reorder columns and rows, automatic positioning of elements, and automatic row handling.

The changes address a longstanding friction point in Figma's auto layout system. Previously, reordering grid items required manual coordinate adjustments or workarounds with nested frames. Now designers can drag columns and rows directly to new positions, with the grid automatically recalculating spacing and alignment.

Automatic positioning means Figma intelligently places elements within the grid structure as designers add or move components. Automatic rows handle overflow content by spawning new rows as needed, rather than forcing designers to manually add containers or adjust constraints.

The timing is notable. Figma recently launched its Design Agent embedded directly into the canvas, and has been rolling out AI-powered workflow features through its Make platform. Grid improvements like these reduce manual layout work, freeing designers to focus on higher-level decisions while AI handles repetitive tasks like spacing calculations and container management.

What this means for teams

For design teams working on responsive layouts or component libraries, the update reduces the number of steps required to prototype grid-based interfaces. E-commerce sites, dashboards, and content-heavy pages often rely on complex grid systems where column order changes based on viewport size or user interaction.

The automatic row feature is particularly useful for dynamic content scenarios. A card grid that displays user-generated content, for example, can now expand to accommodate new items without requiring designers to pre-build empty states or manually add rows. This mirrors behavior common in front-end frameworks like CSS Grid or Webflow, bringing Figma closer to how developers think about layout.

Designers using Framer or other tools that export Figma designs to code may see fewer layout discrepancies during handoff, since Figma's grid logic now behaves more like native web layouts. The update also complements Figma's recent focus on performance. The company reduced memory crashes by 75 percent earlier this year, making it more practical to work with large, grid-heavy files.

Figma has not yet published detailed documentation or a full blog post on the feature. The LinkedIn announcement included no release timeline, pricing details, or availability notes, suggesting the feature may already be rolling out to users or is in limited testing. Teams should check their Figma accounts for the updated grid controls in the auto layout panel.

The update follows a pattern of Figma refining core layout tools while simultaneously expanding AI capabilities. Figma Make added custom skills for reusable workflows, and the company has been teasing code generation updates in recent release notes sessions. Gridmaxxing fits into this strategy by automating tedious layout adjustments, letting designers spend more time on creative problem-solving and less on pixel-pushing.

Sources

1 checked

How we cover tool news: Create With's tool desk drafts these reports with AI from the sources listed above and checks them against those sources before publishing.

Worth passing on?

ShareLinkedIn

Go deeper on Figma

Related reading, watching and going.

Everything on Figma →

The briefing

25 Aug 2026

Claude Code + Figma Console MCP: Side-by-Side Flow

How Claude Code + open-source Figma Console MCP creates a side-by-side design flow that draws straight into your Figma file—no credits or rate limits.

Read →

The briefing

21 Apr 2026

Claude Design vs Figma Make vs Google Stitch: AI Design Tested

We tested Claude Design against Figma Make and Google Stitch to see which AI design tool wins. Plus: Buildprint launches for Bubble, Lovable's security issue, and what's new in vibe coding.

Read →

The briefing

17 Mar 2026

Top Tips for Vibe Coding Real Apps with Lovable in 2026

Master Lovable's React and Tailwind approach to vibe coding. Learn strategic prompting, tech stack choices, and community tips for building real apps fast.

Read →
34 min

Podcast

My Daughter Built a Website Business, Claude Design First Look & Going All-In on Cloudflare

James and Kieran discuss practical AI-powered development through real-world examples, including a seven-year-old building a website business with Claude Code voice mode, Anthropic's new Claude Design tool, API security challenges in the AI agent era, and Cloudflare's expanding AI infrastructure offerings. The episode covers hands-on experiences with vibe coding, emerging design tools, and the evolving landscape of AI-assisted development.

Watch now ↗

Tutorial

From Figma design to native mobile app with @karlafernandes and @CreateWithHQ

This hands on session shows how to convert a Figma design into a native mobile app workflow using Bravo Studio with guidance from Karla Fernandes and Create With. Viewers learn the end to end steps from preparing Figma files to mapping components, testing on device, and preparing for release.

Watch now ↗

Latest tool news

What else changed this week.

All tool news

The Create With Briefing

Don't watch forty changelogs. Read one email.

Every Tuesday: the tool changes worth knowing, real business use cases, and what's on near you. Free, unsubscribe any time.