Webflow slots now arrive filled, and the filling stays in sync

Webflow Lead, shipped October 23, 2026

#Slots arrive with a default component inside

Until last week, an empty slot in a Webflow component gave the marketer filling it no clue what belonged there. With component slot defaults, a designer drops components into a slot on the main component, and every new instance of that component arrives with them already placed.

Webflow's own example is a card with a button in its slot: add the card to a page and the button comes with it, ready to edit. Change the default on the main component and every instance still using it updates, while marketers can swap the content, reset the slot, or clear it on a customized instance.

An empty slot gives Marketers zero indication of what belongs there.

Webflow, Component slot defaults

Accepts

Components only, not loose elements.

CMS Rich Text

Components placed there show their slot defaults, but slot content cannot be edited in Rich Text.

Plans

Every plan, rolling out to all users within a day of launch.

Sits beside

Show and hide controls for marketers and slot restrictions, which Webflow groups as handoff guardrails. The Slots help article covers all three.

Webflow Tooling, shipped October 13, 2026

#Seven layout elements fold into one Box

Webflow's Box element takes the place of Div Block, Section, Container, Columns, Grid, V Flex and H Flex in the Add panel. The HTML tag becomes a setting you can change at any time: div, section, nav, header, footer, main, article, aside, address or figure.

Alongside it, 19 more elements take tag selectors, which style a tag once the way a CSS type selector does. A Box set to section picks up your All Sections styles, and the new selectors start empty so nothing shifts until you touch one. Old elements keep working, and both changes are open to the Designer role on every plan, Free included.

/* What an All Sections tag selector amounts to */
section { padding-block: 72px; max-width: 1120px; margin-inline: auto; }

/* A Box with its tag set to section publishes as */
<section class="pricing">...</section>

Plain CSS equivalent of one tag selector, for reading, not pasting into Webflow.

Figma Technique, shipped October 27, 2026

#Figma shaders keep every version, each with a note

Editing a generative plugin or shader in Figma now saves a new version, and earlier versions can be opened and restored. Each one gets an agent-written description, so the list reads as a change log that also marks which version is published. Figma says it is rolling out this week.

That fills a gap from September, when Figma shaders started shipping as code: a shader background tuned by prompt could drift with no way back. Now a bad tweak is one restore away.

Framer Workflow, shipped October 27, 2026

#Two editors, one Framer text field, both cursors showing

Formatted text fields in Framer's CMS and on the canvas now show multiplayer cursors, so a writer and a designer in the same field can see who is editing and where. Canvas cursors also got smaller and higher in contrast.

The same update lets formatted text hold website embeds and Vimeo videos through a new insert menu, and CMS collections can now filter by reference and multi-reference fields.

Prompt Lab Copy, paste, build

#Rebuild this page as a component docs template

Build a component documentation page for a design-system component called Slot, as a calm reference page a client's team would really use.

Structure: a plain top nav. A full-bleed hero band whose ground is a technical drawing (fine deep teal linework on dusty rose paper) filling the right two thirds; in the open left third, a breadcrumb rail as the masthead (site, section, page number on the left; updated date and read time on the right), a filled saffron kicker label, a large serif headline, a two-sentence deck, one saffron button with a hard 3px ink offset shadow, and one text link.

Under the hero, a sticky horizontal tab bar listing every section; the active tab gets a 3px saffron underline, set with IntersectionObserver. Then one centred 760px reading column. Each section opens with a filled saffron source label and a mono shipped date above a serif h2 with a hanging # anchor link in the left gutter.

Break out to 1120px for: an API table (Action, Who, What happens) on a pale sheet; a portrait drawing beside a dt/dd facts list; and a live playground inside a dark teal design-move panel. The playground: a native radio group choosing the slot default above three instance cards, each with a dashed slot outline tagged "slot: action", a state label in words (Default, Customized, Cleared) and real Swap, Reset and Clear buttons. Changing the default updates only instances still on it and says so in an aria-live line. A cleared slot shows a transparency checkerboard, never a collapsed gap.

Prompt block as a two-column panel: copy button and a checklist on the left, the prompt on a dark teal sheet on the right. References as a three-column table, a two-card previous/next pager, colophon.

Palette: ground #DCC7C2 dusty rose (flat, no pattern), ink #0E3B3E deep teal, sheet #F7EFEC, saffron #E2A42B only as fills under ink text, italic accent #7A4A12. Type: Source Serif 4 for headings, Source Sans 3 for body, Source Code Pro for labels and code.

Guardrails: body at least 18px with line height 1.6 or more, 60-75 character measure, WCAG AA for every label on its real surface, no fake readable text in images, no neon, glow, gradient text or purple-blue defaults, radius 6-12px, hover and focus states at about 150ms with a prefers-reduced-motion guard. On mobile the drawing drops below the headline as a cropped band, the tab bar scrolls sideways, and every wide stage stacks.

#Field note

Three of today's four items give a design tool a memory of intent: a slot remembers its default, a shader its past versions, a text field who else is typing in it.

#Sources