Learn
Video

Creating a more connected design system with Code Connect

View
Video
↗

Code Connect delivers code from your design system to Dev Mode, helping developers build with consistency and speed. In this session, Jake Albaugh, Figma developer advocate, shares an overview of Code Connect and some tips on how to get started.

More about Code Connect → https://www.figma.com/blog/what-we-launched-at-framework-2024/

Get started with Code Connect → https://github.com/figma/code-connect

Tags

Design System
Component Library

Industries

Creative
Dev Tools

Related items

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
4.20.24

Similar items

Items
2780
Layout
Grid View
Row View
Search
Figma
Tools
App

Figma

10.29.22
Creative, Design System, Prototype
Figma Variables for Color Systems
Learn
Video

Figma Variables for Color Systems

6.27.23
Creative, Design System, Color Palettes, Figma, Timothy Ricks
Intro to the Relume Site Builder
Learn
Video
/
Utility

Intro to the Relume Site Builder

8.7.23
AI, Website Builder, Wireframes, Component Library, Webflow, Figma, Relume, Relume
Import Colors From Figma to Webflow
Learn
Video

Import Colors From Figma to Webflow

1.20.23
No-code, Automation, Design System, Figma, Webflow
How to create consistency in your website
Learn
Video

How to create consistency in your website

2.21.23
Creative, Design System, Aesthetic, Typography
Restock
Preview
↗

Restock

Restock is No-Code Supply Co.’s community podcast spotlighting the people shaping the web and the things they build: sites, products, and the workflows behind them. Each episode is a practical, curiosity-driven look at real work and ideas: standout builds, the tools and techniques powering them, and the takeaways you can reuse. Like NCSC, it’s grounded in curation and craft over hype, featuring guest conversations, and exploring what’s worth saving, learning, and trying next.
View Restock
Dessn
Tools
App
/
Website

Dessn

2.3.25
Creative, Dev Tools, Collaboration, Design System, Component Library, Workflow, Figma, Framer
JavaScript Inside Webflow Components
Learn
Video

JavaScript Inside Webflow Components

8.11.24
No-code, Extending, Component Library, Custom Code, Javascript, Webflow, Timothy Ricks
Toggle Dark Mode with CSS :has()
Learn
Video

Toggle Dark Mode with CSS :has()

1.15.24
CSS, Extending, Design System, Variables, Webflow, Web Bae
AI Playbook for Design Teams
Learn
Video

AI Playbook for Design Teams

12.20.23
AI, Design System, Workflow
MAST CSS Framework for Webflow — a quick explainer and comparison
Learn
Video

MAST CSS Framework for Webflow — a quick explainer and comparison

12.6.23
No-code, Workflow, Design System, Webflow, Mast
Dark Mode Toggle With Webflow Variables
Learn
Video

Dark Mode Toggle With Webflow Variables

11.28.23
No-code, Variables, Design System, Extending, Custom Code, Javascript, Webflow, GSAP, Timothy Ricks
Webflow Variables
Learn
Video

Webflow Variables

10.6.23
No-code, CSS, Variables, Design System, Webflow, Timothy Ricks
Your Own Webflow Component Library is EASY???
Learn
Video

Your Own Webflow Component Library is EASY???

11.21.22
Custom Code, CMS, Component Library, Web Bae
También Webflow Style Guide and Grid System
Learn
Video
/
Framework

También Webflow Style Guide and Grid System

6.29.22
No-code, Design System, Workflow, Webflow
BEM Class Naming Convention in Webflow
Learn
Video

BEM Class Naming Convention in Webflow

11.25.20
No-code, CSS, How To, Design System, Webflow
SaaS Website Kit
Tools
Template
/
Website

SaaS Website Kit

3.10.24
No-code, Creative, Design System, Component Library, Framer, Figma
The New Webflow Interactions by GSAP is here!
Learn
Video

The New Webflow Interactions by GSAP is here!

7.11.25
Creative, No-code, Dev Tools, Interactions, Animation, Cloneable, Webflow, GSAP, Ilja van Eck
shadcn designer
Code
Library

shadcn designer

9.3.25
Creative, Dev Tools, Javascript, Web Apps, Extending, Design System, Component Library, Framer
Flow My Go Album
Learn
Video

Flow My Go Album

8.13.25
Music, Creative, AI, SEO, Webflow
WeWeb 3.0
Learn
Video

WeWeb 3.0

2.15.25
No-code, Dev Tools, AI, Web Apps, Website Builder
I Can’t Believe They Added AI To The Browser
Learn
Video

I Can’t Believe They Added AI To The Browser

12.1.24
AI, Dev Tools, Workflow, API, Javascript
Control Rive animation in Webflow using GSAP
Learn
Video

Control Rive animation in Webflow using GSAP

7.12.24
Creative, Animation, Scroll, Interactions, Extending, Javascript, Motion Design, Motion & Rive, Webflow, GSAP, Rive
How to make numbers count using Webflow interactions
Learn
Video

How to make numbers count using Webflow interactions

3.20.24
Creative, No-code, Number, Count, Animation, Interactions, Custom Code, Javascript, Extending, Webflow, The Lazy God

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.

Subscribe