Style Dictionary & Codemod Announcement

·4 min read

We are thrilled to announce that we are partnering with Tokens Studio to facilitate the adoption of the latest features of Amazon’s Style Dictionary, starting with the v4 migration, through open-source codemods

Style Dictionary v4 migration

Style Dictionary v4 introduces many new highly-requested features and improvements, including migrating to ESM, making the library browser-compatible out of the box, and supporting asynchronicity in Style Dictionary’s various APIs. The Codemod community developed codemods to help you migrate your project to Style Dictionary v4. Use the following command to migrate your project:

npx codemod styledictionary/4/migration-recipe

For more details about the codemod visit Codemod Registry

Codemod is optimized for open-source framework builders.

Style Dictionary maintainers, among others such as React, Nuxt.js, pnpm, MSW, i18next, and many more, adopted the open-source tier of Codemod platform so they can be bold and ship new features without worrying about bringing the community along with them. Here are only a few of the Codemod platform benefits for framework builders:

  1. Improved Codemod Tooling: Don’t waste your time building framework migration tooling. Codemod platform delivers a feature-rich out-of-the-box experience for code migrations, streamlining users’ upgrade experience with minimal setup.
  2. Leverage Codemod Community: By tapping into the power of Codemod community, you can get support and a feedback loop from a pool of vetted migration experts, helping you save hours of codemod development time.
  3. Get Access to Adoption Analytics: Get a clear picture of framework adoption velocity using Codemod platform’s migration analytics. This allows you to pinpoint adoption bottlenecks and improve users’ upgrade experience.

Learn more about the benefits of using Codemod platform here

Codemod enterprise offers successful migrations for codebases of any size.

Style Dictionary migration recipe is optimized for common usages of the framework and it can automate the bulk of the migration for small codebases where one engineer can easily tweak and test the changes and not many custom layers and business logic intertwined with the framework. However, in large enterprise codebases, where multiple teams and products are impacted, big migration campaigns involve different phases such as planning, pre-migration refactoring, incremental development, and post-migration refactoring and cleanup. Such migrations require scalable and secure development infrastructure to build and test code changes, customer-specific codemods, orchestration of changes among many teams, integration with the development environments tools, and some human involvement at every stage.

phases of style dictionary v4 migration with codemod

Codemod has got you covered with its SOC2-compliant code automation platform, a proven technology, and evolution of what’s being used in tech giants like Meta for any large-scale migrations. You can fully delegate your migration projects to Codemod agents, without distracting your engineers from their feature work or dealing with the risks and hassle of procurement of third-party contractors.

Book a demo call with us to learn how we've guaranteed and delivered exceptional migration services, achieving faster time to market and reduced costs for progressive companies like Netlify We can do the same for you.

You build. We migrate

Fully delegate code migrations to Codemod agents, freeing your engineers to focus on shipping new features on a secure, high-performance codebase.

Write to us.

Send email

Meet us for a demo.

Book a call