Brandon Surya, Staff Product Designer
Fidelia Ho, Editorial Content Lead
Nov 08, 2023

Why You Should Use Tokens & Tokens Studio

You’re using tokens and you don’t even know it. One of the goals of a design system is to close the gap between multiple disciplines and especially between design and development. With the features and tools Figma provides us, this gap becomes smaller. But what if I tell you with the proper integration of design tokens, we can make this gap closer than it was ever before. Let’s talk about tokens and how it can level up your design system.

figma plugin
Michael Mrowetz, Senior Solution Architect, Head of Experience Architecture
Nov 02, 2023

https://www.figma.com/community/plugin/1294680698827437011/component-decomposer Plugin: Decompose your designs into a list of component with their respective dependencies - e.g. to build up a Design System. Talk to Matthew G or Frank W - their idea led to plugin

Two developers seated at a desk with a large screen displaying code and a productivity graph. The GitHub Copilot logo and an AI representation appear prominently on the screen, indicating the AI's assistance in their work.
Liam Gardner, AI Co-op Intern
Oct 27, 2023

Discover how GitHub Copilot, powered by OpenAI's Codex model, significantly enhances developer productivity and code quality. Dive into its capabilities in code completion, test case generation, and insightful commenting. Boost coding efficiency and fulfillment with this advanced AI-driven tool.

A woman holding a smartphone stands beside a shopping bag, with graphics of a 3D wave and a graph below her. An icon with intertwined arrows is present near the wave. The entire image is set against a light blue background.
Yena Lee, Director of AI Strategy
Abdella Ali, Solutions Architect
Liam Gardner, AI Co-op Intern
Fidelia Ho, Editorial Content Lead
Oct 27, 2023

A practical guide to using AI to curate product collections at scale, make product recommendation and search algorithms smarter with semantic awareness, and empower teams to deliver seamless customer experiences.

A laptop with code flowing out, transforming into words 'GPT-4', 'PaLM', and 'Claude', set against a colour backdrop
Yena Lee, Director of AI Strategy
Liam Gardner, AI Co-op Intern
Abdella Ali, Solutions Architect
Fidelia Ho, Editorial Content Lead
Oct 27, 2023

Generate nuanced translations for your e-commerce site using AI. Learn how to set up, fine-tune, and integrate AI models seamlessly with your headless CMS for automatic content translation. Uncover practical steps for implementation, from choosing the right language model to architecting efficient translation workflows that align with your budget and goals.

A woman holding a smartphone stands beside a shopping bag, with graphics of a 3D wave and a graph below her. An icon with intertwined arrows is present near the wave. The entire image is set against a light blue background.
Yena Lee, Director of AI Strategy
Abdella Ali, Solutions Architect
Liam Gardner, AI Co-op Intern
Fidelia Ho, Editorial Content Lead
Oct 27, 2023

A practical guide to using AI to curate product collections at scale, make product recommendation and search algorithms smarter with semantic awareness, and empower teams to deliver seamless customer experiences.

A laptop with code flowing out, transforming into words 'GPT-4', 'PaLM', and 'Claude', set against a colour backdrop
Yena Lee, Director of AI Strategy
Liam Gardner, AI Co-op Intern
Abdella Ali, Solutions Architect
Fidelia Ho, Editorial Content Lead
Oct 27, 2023

Generate nuanced translations for your e-commerce site using AI. Learn how to set up, fine-tune, and integrate AI models seamlessly with your headless CMS for automatic content translation. Uncover practical steps for implementation, from choosing the right language model to architecting efficient translation workflows that align with your budget and goals.

Headless pineapple
Ben Hofferber, VP of Agentic Product Development
Nancy Du, Associate Director, Digital Strategy
Nataliya Ioffe, Developer
Yena Lee, Director of AI Strategy
Oct 19, 2023

A headless architecture comprises a headless CMS for content management and a site builder using static site frameworks like Next.js, Gatsby, and Nuxt.js. Content is retrieved from the CMS, and bundled code is deployed via a distribution platform. Headless CMS examples include Contentful and Sanity, offering editor interfaces, page previews, and APIs. Site builders use CMS client SDKs to transform data, and distribution platforms enhance performance with CDNs. Third-party services and hosted assets can be integrated.

Newer PostsOlder Posts