Framer Update, AI

Framer Update: Wireframer Icons and Insert Sections

Benjamin

2:24

6.9K views

Jun 26, 2025

About this lesson

This update brings dynamic icon set support to Wireframer. It now generates pages and sections with relevant icons based on your prompt, using real Framer icon sets so you get all the benefits of Vector Sets, from visual browsing and search to fully customizable styles. We’re also bringing back Sections, redesigned to match Wireframer. You’ll find the new Sections in the Insert Panel, available in both light and dark mode. With the new Sections and Wireframer, rapidly designing layouts in Framer has never been easier. https://framer.com/updates/wireframer-icons-and-insert-sections

Follow: https://framer.link/yt-x

Learn: https://framer.link/yt-academy

0:00Yo, my name is Benjamin and this is 0:03dynamic icon support in Wireframer. I 0:06can bring up Wireframer by pressing W on 0:09my keyboard. And let's add our prompt. I 0:13want a page for my app allowing people 0:16to discover new music with a big feature 0:18listing where each feature has an icon.0:22Wireframer can now pick icons from an 0:25icon set automatically, making sure they 0:28always match your prompt. And these are 0:30icons from a real icon set in Framer,0:34meaning they are completely 0:35customizable, from the color to the 0:37width to the style. And of course, you 0:40can pick your own icons as well. This 0:43makes it even easier to generate useful 0:46starting points for your next website.0:49In Framer, you can now find these 0:51dynamic icons in a variety of pages that 0:54wireframer can generate covering all 0:57sorts of use cases like this design 1:00studio page where wireframer can pick 1:04matching icons depending on the services 1:06listed which in this case are all music 1:10related. Another fun example is a link 1:12in bio page where you can ask for 1:15specific social media services to 1:17feature, helping you ship your first 1:20website in minutes. And that's not all.1:24We are also bringing back sections to 1:26the insert panel. You can find sections 1:30under basics and they now come in both 1:32light and dark mode. To add sections to 1:36our pages, I can drag and drop or I can 1:39click any of the available sections and 1:42on click framer will automatically add 1:44the section to our page. With both 1:46wireframer and sections, there are now 1:49many ways to compose layouts in framer 1:52and the choice is yours. Plus that new 1:54theming toggle we also added to the 1:57other existing insertable elements like 2:00navigations and menus making all 2:03insertable elements easier to browse.2:07And that's pretty much it for this 2:09video. Thank you so much for watching 2:12and as always stay tuned for more 2:15updates coming soon.

TeachesAI Generation

Also coversKeyboard Shortcuts Links Themes

Watch on YouTube ↗

‹ Intro to SEO & Accessibility in Framer (SEO Lesson 1)

Framer Update: Linking with Rel, Parameters, and more ›