design-import

To import design tokens from Figma into an Astro site, this Skill automates the extraction of colors, fonts, and spacing, mapping them directly into your site configuration to ensure design consistency without manual work.

Yes, you can import Canva page layouts into an Astro project by providing the Canva site URL, which allows the Skill to automatically extract and map the design structure into your Astro site configuration.

Yes, you need a Node.js environment (version 22 or higher) to import designs from Canva or Figma, along with specific dependencies like sharp-cli and playwright to handle design token extraction and site configuration.

The best way to automate design import from freedesignmd to Astro is using this Skill, which handles the extraction of design tokens and page layouts, seamlessly integrating them into your Anglesite project configuration.

Using sharp-cli and playwright for design import requires a specific Node.js environment and an Anglesite project setup (Astro + Keystatic), meaning it is tailored for these platforms and may not suit other web frameworks.