.webp)
AidKit
for
W
e
b
f
l
o
W
0
Features Available
Add superpowers to make Webflow pro.
.svg){kind=icon}
Add to Chrome
Only for desktop
- Character Count DisplayNewActivate to see a real-time character count for input fields, ensuring your content aligns with SEO standards.SEO Text Length IndicatorNewActivate to get instant feedback on the lenght of your text inputs. The indicator shows whether your content is too short, just right, or too long.Title Tag Length LimitNewActivate to set a restriction on your title tags from overtyping, to avoid your text from truncating on search engines.Meta Description Length LimitNewActivate to block your meta description text input beyond 160 characters, aligning with SEO best practices.Open Graph Image URL ButtonNewActivate a checkbox under your Open Graph Image URLs to use the same URL as the one from your homepage. Just remember to set a URL on your home page and click the "Save URL" button.Expand Page SettingsNewActivate to add an expand button to enlarge the page settings in the designer for easier editing
.webp)
.webp)
.webp)
.webp)
.webp)
- CMS ShortcutNewActivate a shortcut to open the CMS page using the 'C' key on your keyboard.Undo & Redo ButtonsNewActivate the original Undo & Redo Buttons from the old webflow designer to reapear in the same top right corner spot for easy access.Active Breakpoint in RedNewActivate to set all your active breakpoints (except the desktop base breakpoint) to red as an alert to your peripheral vision as a visual reminder you are not on developing on the base breakpoint.Edit the Designer Interface ColorNewUse the drop down to pick and change the color of the Webflow Designer! From the defult dark mode, to other new colors... light mode will be coming soon.White Label the Webflow DesignerNewActivate and upload your brand image to replace with the webflow logo at the top left inside the designer. Pro Tip: If you dont see the changes in the photo uploading/ the toggle switching back to the webflow logo, attempt to refresh the designer.Sound for Alert Triggers (Notifications)NewActivate to set an automatic ding sound each time a Webflow alert or "notification" gets triggered.Alert: Multiple Affected ElementsNewReceive an alert when you first change the styles of a class used by multiple elements. Default: Sent when elements are on the same page or other pages. Minimal: Only sent when elements are on other pages. Never: Disable this alert.Top Breadcrumb BarNewActivate to move the breadcrumb from the bottom to the top of the designer.
.webp)
.webp)
.webp)
.webp)
.webp)
- Copy to clipboard Site CodeNewThis feature allows you to easily copy your entire site code in the click of a button. This even works on a free webflow plan which restricts you from accessing the site code and exporting the file, so now free users can get there site code.Fullscreen Code ModeNewActivate to add a button atop corner the code editor to toggle between normal and full screen.
- Prevent Width & Height ConfusionNewThis feature dims the units inside width and heights, to help with less confusion. So H's are dimmed in width settings, and W's dimmed in height settings. You'll easily notice then when you start designing.Change all sides buttonNewThis feature simmulates Shift + Click for all the margin & padding buttons. This helps to easily change all sides at the same time, give it a try.Add Hidden CSS UnitsNewThis feature adds the following CSS units for you to easily use: DVW, DVH, LVW, LVH, VMIN & VMAX.Highlight Multi Elements SelectedNewThis feature highlights the text that shows anytime a class has 2 or more uses/ on other pages..Lorem Ipsum GeneratorNewActivate to enable a Lorem ipsum generator inside webflow! This adds a button to allow you to generate lorem ipsum for your site texts. You can toggle to control how much lorem ipsum to generate.
