Frames for Figma v1.2

September 9, 2024

Frames for Figma v1.2 dramatically improves the Frames for Figma experience and brings support for ACSS 3.0 to the Figma workflow. This update is available for all current Frames for Figma license holders. F4F will be available for purchase again later in September.

  • New: Option to set Accent text color
  • New: Black & White transparencies
  • New: Full color shades including transparencies for semantic colors
  • New: Color preview for typography families on style guide page
  • New: Video component
  • New: Heading overrides
  • New: Added “Figma Canvas” layer to each page. The purpose is to create a new color style for canvas so that users can set a Figma canvas color globally
  • New: Tertiary button
  • New: Semantic buttons
  • New: Light & dark variations
  • Enhance: Beautify Utility components pages
  • Enhance: Simplify Tooltips
  • Enhance: Updated tokens paths to match ACSS 3.0
  • Enhance: Make sure every heading and text element has color token applied
  • Refactored button typography tokens
  • Enhance: Alphabetical order for sitebuilder sections
  • Enhance: Refactored Buttons
  • Enhance: Adjusted the btn icon size for better look
  • Enhance: Ability to change the icon on the specific button from style properties panel
  • Enhance: Replaced separate padding values with inline/block padding values
  • Enhance: Link color now references the primary color
  • Enhance: Replaced link components across the file with a new link component
  • Enhance: Replaced button components across the file with a new button component
  • Enhance: Replaced broken tokens
  • Fix: Content Section Foxtrot -> Layout is different from the actual one in Bricks and constraints should be set to center
  • Fix: Hero Charlie -> Added left-padding for content on reverse order
  • Fix: Added CTA as a nested instance to sitebuilder
  • Fix: Content Section Golf -> Remove white fill bg from Intro Bravo
  • Fix: Coming soon bravo -> Icons are black
  • Fix: Contact section missing from sitebuilder component
  • Fix: Widths are using primary color instead of action color (or vice versa, spacing uses action color instead of primary color)
  • Fix: Hero Section Indigo contained a broken reference for CTA Indigo
  • Fix: References on Hue and Saturation values on color style guide page
  • Fix: Corrected some references of radius tokens from their old name “Rounded” to “Radius” (description on radius tokens)
  • Fix: Modal Menu Bravo -> left column links need white color instead of black
  • Fix: Testimonial Section Juliet -> align items center
  • Fix: Feature Card Foxtrot -> missing space token (Gap D Space S) on Content layer
  • Fix: Testimonial section bravo -> fix alignment to center
  • Fix: Typography style guide page -> first frame -> accent typeface has a reference to the body text font weight instead of accent typeface font weight
  • Fix: Change address name component (identity page) to business address
  • Deprecated: Complementary color
  • Deprecated: Navigation page -> removed dropdown icon base component
  • Removed Action color palette and settings from ACSS Tokens
  • Removed Action button
  • Removed button icons based component
  • Removed ACSS Tokens for btn icon size XS, XL, and XXL
  • Removed ACSS Spacing tokens for buttons XS, XL, and XXL
  • Project notes – removed base component
  • Deprecated: Layout grid