This project is not covered by Drupal’s security advisory policy.
One step to turn Figma designs into Drupal pages.
Varbase AI Figma Base is a Drupal recipe that sets up everything you need to build pages from Figma, in a single step. Apply the recipe and your Varbase site is ready: your team can paste a Figma link into the Drupal Canvas AI chat and get a real, editable Bootstrap 5.3 page.
What the recipe does for you
- Installs the full Figma to Drupal toolset, so you do not have to add and connect the pieces by hand.
- Sets up the Varbase AI base, the Figma reading tools, and the Bootstrap 5.3 (Vartheme) integration.
- Connects the Figma tools to the Drupal Canvas AI assistant, so they are ready the moment the recipe finishes.
- Adds the AI context that helps the assistant make good, on-brand choices.
Who it is for
Site builders and teams who want the Figma to Canvas workflow working out of the box, without wiring modules together themselves.
What you get after applying it
Open the Drupal Canvas editor, paste a Figma link into the AI chat, and the assistant reads the design and builds the page using your site's existing components.
Documentation
https://project.pages.drupalcode.org/varbase_ai_figma_base/
Works with
- AI Figma: reads a Figma design and hands it to Drupal's AI tools.
- Varbase AI Figma: the Bootstrap 5.3 (Vartheme) integration that builds the page.
- AI Agent Modes: choose what the assistant is allowed to do.
Supporting organizations:
Initial building, ongoing maintenance and development
Project information
- Ecosystem: AI (Artificial Intelligence), AI Figma, Varbase - The Ultimate Drupal CMS Starter Kit (Bootstrap Ready)
- Created by rajab natshah on , updated
This project is not covered by the security advisory policy.
Use at your own risk! It may have publicly disclosed vulnerabilities.
