UI update by huntercaron · Pull Request #626 · framer/plugins

huntercaron · 2026-04-16T12:23:38Z

Description

This pull request updates plugin UI styles.

Changelog

Update plugin UI styles.

Testing

Visual check
- Open a few of the changed Plugins
- Verify controls, spacing, and buttons look as expected
- Verify light and dark themes look as expected
Repo checks
- Run yarn check
- Spot-check affected plugins
- Confirm no visual regressions

Copilot

Pull request overview

This pull request updates plugin UI styling across the repo, largely by adopting shared Framer UI/button styles and adjusting per-plugin CSS/components to match.

Changes:

Switches many workspaces/plugins to a new framer-plugin build and updates yarn.lock/Yarn cache accordingly.
Updates UI components and CSS in several plugins to use shared button classes (framer-button-*) and revised theme tokens.
Includes small type-only import cleanups and minor copy/icon updates.

Reviewed changes

Copilot reviewed 49 out of 57 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
yarn.lock	Updates `framer-plugin` resolution (now via tarball URL) and associated lock entries.
starters/cms/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/unsplash/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/tidyup/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/threshold/src/App.tsx	Changes `ImageAsset` import to type-only.
plugins/threshold/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/rss-feeds/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/renamer/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/redirect-sync/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/recruitee/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/prco/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/pong/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/photobooth/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/phosphor/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/notion/src/Progress.tsx	Adjusts progress UI copy.
plugins/notion/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/locale-sync/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/hubspot/src/pages/canvas/Menu.tsx	Updates menu tile button classes (removes `tile`).
plugins/hubspot/src/hubdb.ts	Changes `ManagedCollection` import to type-only.
plugins/hubspot/src/components/MenuOption.tsx	Updates menu option button classes (removes `tile`).
plugins/hubspot/src/blog.ts	Changes `ManagedCollection` import to type-only.
plugins/hubspot/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/greenhouse/src/App.css	Tweaks checkbox focus/checked styling.
plugins/greenhouse/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/google-sheets/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/google-search-console/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/global-search/src/components/ui/IconCollection.tsx	Updates SVG size/viewBox and adds presentational accessibility attributes.
plugins/global-search/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/flip-image/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/doodles/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/dither/src/dropzone/drag-and-drop.tsx	Adopts shared secondary button class for upload CTA.
plugins/dither/src/App.tsx	Uses type-only `ImageAsset` import; adopts shared secondary button class for “Clear”.
plugins/dither/src/App.css	Removes custom primary button overrides to rely on shared styles.
plugins/dither/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/design-system/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/csv-import/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/concentric/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/color-extract/src/App.tsx	Adopts shared secondary button class for “Set Gradient”.
plugins/color-extract/src/App.css	Removes global `button` styling to rely on shared styles.
plugins/color-extract/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/code-versions/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/code-link/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/cms-export/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/ashby/src/App.css	Adds `--framer-color-tint-dimmed` token.
plugins/ashby/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/ascii/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/airtable/src/App.css	Adjusts background color token usage.
plugins/airtable/package.json	Points `framer-plugin` dependency to the new tarball URL.
plugins/3rd-party-optimizer/src/App.tsx	Simplifies button classes to rely on shared primary button styling.
plugins/3rd-party-optimizer/package.json	Points `framer-plugin` dependency to the new tarball URL.
.yarn/cache/framer-plugin-https-8783404938-b6ef05cf5e.zip	Adds Yarn zero-install cache artifact for the new tarball-resolved dependency.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-04-16T12:29:11Z

    },
    "dependencies": {
-        "framer-plugin": "^3.6.0",
+        "framer-plugin": "https://pkg.pr.new/framer/FramerStudio/[email protected]",


This plugin now pins framer-plugin to a pkg.pr.new tarball URL. If this is meant to ship, it’s safer to depend on a published npm version (or an internal registry) to avoid relying on an external preview service and to keep dependency management consistent across the repo.

Suggested change

"framer-plugin": "https://pkg.pr.new/framer/FramerStudio/[email protected]",

"framer-plugin": "1.0.0",

yes will change when ready

Copilot · 2026-04-16T12:29:12Z

        <button
-            className={cx("h-[110px] w-full tile col items-center justify-center rounded-md", className)}
+            className={cx("h-[110px] w-full col items-center justify-center rounded-md", className)}
            onClick={() => {


Removing the tile utility class here drops the background/hover styling defined in globals.css (@utility tile). If these buttons are still intended to look like tiles (as in other HubSpot UI elements), consider keeping tile or replacing it with an equivalent new utility so the menu options remain visually clickable.

madebyisaacr · 2026-04-17T05:50:21Z

-.framer-button-primary {
-    --framer-color-text-reversed: #000;
-    background-color: #fff !important;
-}
-
-body[data-framer-theme="light"] {
-    .framer-button-primary {
-        --framer-color-text-reversed: #fff;
-        background-color: #000 !important;
-    }
-}
-
 .upload-cta {
    width: 100%;
-    background: var(--framer-color-bg-tertiary);


If you're going to remove the custom button colors in Dither then remove it from ASCII too, because it has the same button style.

madebyisaacr · 2026-04-17T05:53:33Z

CSV import also has a collection icon. Consider updating it there too.

huntercaron added 3 commits April 15, 2026 16:02

First pass

3a50488

Bump framer-plugin

7d41090

Fix styles across all plugins

7b61be7

Copilot AI review requested due to automatic review settings April 16, 2026 12:23

github-actions bot added the Auto submit to Marketplace on merge Submits the plugin to the marketplace after merging label Apr 16, 2026

Copilot started reviewing on behalf of huntercaron April 16, 2026 12:24 View session

Copilot AI reviewed Apr 16, 2026

View reviewed changes

madebyisaacr reviewed Apr 17, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

UI update#626

UI update#626
huntercaron wants to merge 3 commits intomainfrom
feature/ui-update

huntercaron commented Apr 16, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Apr 16, 2026

Uh oh!

huntercaron Apr 16, 2026

Uh oh!

Uh oh!

Copilot AI Apr 16, 2026

Uh oh!

huntercaron Apr 16, 2026

Uh oh!

Uh oh!

madebyisaacr Apr 17, 2026

Uh oh!

madebyisaacr Apr 17, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

	"framer-plugin": "https://pkg.pr.new/framer/FramerStudio/[email protected]",
	"framer-plugin": "1.0.0",

Conversation

huntercaron commented Apr 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Changelog

Testing

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Apr 16, 2026

Choose a reason for hiding this comment

Uh oh!

huntercaron Apr 16, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Copilot AI Apr 16, 2026

Choose a reason for hiding this comment

Uh oh!

huntercaron Apr 16, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

madebyisaacr Apr 17, 2026

Choose a reason for hiding this comment

Uh oh!

madebyisaacr Apr 17, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

huntercaron commented Apr 16, 2026 •

edited

Loading