@codia/image-to-design

A powerful library for converting images and screenshots to design elements, optimized for Figma plugin development.

Installation

npm install @codia/image-to-design

Usage

import { DesignGenerator } from '@codia/image-to-design';

// Generate Figma elements from visual element data
const result = await DesignGenerator.generateFromVisualElement(visualElementData);

if (result.status === 'SUCCESS') {
  console.log('Design generated successfully');
} else {
  console.error('Error:', result.message);
}

API

DesignGenerator.generateFromVisualElement(visualElement)

Converts visual element data to Figma design elements.

Parameters:

• visualElement - Visual element data containing layout, style, and content information

Returns:

• Promise resolving to generation result with status and message

Features

• Convert screenshots/images to Figma elements
• Support for text, images, frames, and components
• Automatic layout and styling detection
• Font loading and text optimization
• Flexible positioning (absolute, normal, flex)

License

MIT