Backlog

Next up

In Progress

Done

Main Roadmap

Enhances the MagicText plugin UI by fully aligning with the Figma Design System, ensuring consistency, usability, and a seamless experience.<h4>🔹 Key Improvements:</h4><ul><li>Unified Styling – Uses Figma’s native design tokens for colors, spacing, and typography.</li><li>Adaptive UI – Supports both Light &amp; Dark mode natively.</li><li>Improved Button &amp; Input Design – Matches Figma’s default styles for better usability.</li><li>Auto Layout for Components – Ensures a responsive and scalable interface.</li><li>Smooth Interactions – Refined hover, focus, and active states for a polished experience.</li></ul>This update ensures that MagicText feels like a natural extension of Figma, providing a more intuitive and efficient workflow.

In Review

🎨 UI Improvement: Figma Design System Integration

Mykhailo Pashynskyi

Sorts text layers based on predefined criteria:<ul><li>Alphabetically (A → Z, Z → A)</li><li>By length (longest → shortest, shortest → longest)</li></ul>

🔠 Text Sorting

Generates contextually relevant text based on a given prompt. Useful for UX copywriting, placeholders, and quick ideation.

🤖 AI Text Generation

Enhances text formatting by automatically:<ul><li>Removing extra spaces</li><li>Adding missing periods at the end of sentences</li></ul>

🔍 Magic Text Improvement

Enables inserting generated text (fake data) into selected text layers. Useful for prototyping and UX writing. Available data types:<ul><li>Names (First, Last)</li><li>Emails</li><li>Addresses</li><li>Phone numbers</li><li>Dates</li><li>Random sentences</li></ul>

📝 Text Generation

Calculates the estimated reading time for the selected text based on average reading speed. Useful for content designers and UX writers to ensure readability and optimize text length.

⏳ Reading Time Estimator

Improves text cleaning by removing unwanted characters, formatting issues, and excessive spaces. Adds flexible settings to let users choose between stripping HTML tags, special characters, or just extra spaces.

✨ Magic Clean Enhancements

<ul><li>Title Case → Capitalizes the first letter of each major word (e.g., "This Is a Sample Title")</li><li>Sentence Case → Capitalizes only the first letter of each sentence (e.g., "This is a sentence. This is another one.")</li><li>UPPERCASE → Converts all text to capital letters (e.g., "THIS IS UPPERCASE TEXT")</li><li>lowercase → Converts all text to lowercase letters (e.g., "this is lowercase text")</li><li>Capitalize Each Word → Capitalizes the first letter of every word while keeping minor words in lowercase when appropriate (e.g., "Hello World from Figma")</li><li>Camel Case → Removes spaces and capitalizes each word except the first (e.g., "helloWorldFromFigma")</li><li>Pascal Case → Similar to Camel Case but capitalizes the first letter as well (e.g., "HelloWorldFromFigma")</li><li>Snake Case → Converts spaces into underscores (e.g., "hello_world_from_figma")</li><li>Kebab Case → Converts spaces into hyphens (e.g., "hello-world-from-figma")</li><li>Alternating Case → Alternates between uppercase and lowercase letters (e.g., "HeLlO WoRlD")</li><li>Inverted Case → Swaps the case of each letter (e.g., "hELLO world")</li></ul>

Completed

Text Transformation

Splits text blocks into separate lines or words while automatically placing them within an Auto Layout. Perfect for working with dynamic text structures and adaptive designs.

🔀 Text Splitting with Auto Layout Support

Recognizes text only from the visible area of an image, even if its size has been adjusted in Figma. Ensures accurate OCR without detecting unnecessary content outside the frame.

🖼️ OCR for Resized Images

Enables quick execution of commands via hotkeys or a command bar. This speeds up workflow by allowing users to trigger functions without extra clicks.

⚡ Command Handler

Functions like a built-in calculator for text layers:<ul><li>Identifies and sums up numeric values</li><li>Supports basic arithmetic operations within text</li></ul>