Typography variables. Gradients. Code Connect.
Code Connect
“Code Connect is a tool for design systems and engineering teams to bring component code into Dev Mode. When inspecting a component with connected code snippets, developers will see design system code from their libraries instead of auto-generated code.” Currently in beta. Available on Enterprise or Organization plans only.
Jake Albaugh shows Figma Code Connect
Developer Advocate Jake shows Jason Lengstorf how to bring your code into Figma with Code Connect.
Figma tutorial: Variables for typography
The String and Number type variables can now be bound to typography fields and saved as a style. Included fields are font family, font weight (numeric or named alias) and style, font size, line height (no percentages support yet), letter spacing, paragraph spacing and indent. Use Modes to create responsive typography scales for different screen sizes.