Back to Plugins
Adeliom WebComponents - For Figma

Adeliom WebComponents - For Figma

Transform Figma Variables into CSS and JSON objects for AWC

variablesdesign systemawc

Plugin Preview

Adeliom WebComponents - For Figma preview

About this plugin

Adeliom WebComponents - For Figma is a dedicated plugin designed for enhancing the workflow of Figma users, especially in development mode. This tool is engineered to streamline the design-to-code transition, crucial for modern web development.


Key Features


  1. Variable Extraction: Extracts design variables directly from Figma files.
  2. Format Conversion: Transforms these variables into CSS and JSON formats, ensuring seamless integration.
  3. Compatibility with AWC: Specifically tailored to be fully compatible with Adeliom WebComponents (AWC) design systems.


Benefits


  1. Efficiency in Design Workflow: Significantly reduces the time and effort needed to convert design elements into usable code.
  2. Seamless Integration: Facilitates an effortless transition of design elements into the AWC ecosystem, maintaining design integrity and consistency.
  3. Bridging Design and Development: Ideal for teams seeking a cohesive workflow between designers and developers.


Use Cases


  1. Web Development: Perfect for developers working with complex web components.
  2. UI/UX Design: Assists designers in visualizing how their designs will translate into actual web components.


Demo & Learn More


For a deeper understanding of how Adeliom WebComponents - For Figma integrates with the AWC design systems, visit AWC Design Systems.

Plugin Details

Version6
CreatedNovember 23, 2023
Last UpdatedApril 30, 2024
CategoryImport & export plugins
CreatorArnaud RITTI
Stats27 installs, 20 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com