Code Companion: UI Kits Plugin by Aditya Singh

Marketplace Plugins Categories UI Kits

Screenshot 1 for Code Companion, a Framer Marketplace plugin by Aditya Singh.

Screenshot 2 for Code Companion, a Framer Marketplace plugin by Aditya Singh.

Describe UI components in plain English and get clean Framer-ready React code instantly — powered by Deepseek AI.

Overview

Turn plain English into clean, Framer-ready React code using the AI Code Companion plugin.

Whether you’re building buttons, cards, or custom layouts, just describe your idea—no coding required.

Instant Code from Your Ideas

Write prompts like:

“Create a hero section with a headline and CTA button”

The plugin instantly gives you ready-to-use React code that works inside Framer.

Easy to Use, No Setup

No need to read docs or learn syntax.

Perfect for designers, prototypers, and non-coders who want fast results.

Why Use This Plugin

• Speed up your workflow with AI-generated components

• Copy and paste directly into your Framer project

• Great for quick prototyping and testing ideas

Powered by AI

This plugin uses the Deepseek AI.

Changelog

Version 2 • 11 months ago

• Font Size Consistency: All UI text elements now use a consistent 12px font size, aligned with Framer’s design system.

• Title Removed: The welcome title inside the plugin was removed to avoid redundancy, as the plugin name is already displayed in the header.

• Padding Adjusted: Plugin padding has been reduced from 24px to 15px to better align content with the header icon and create a more balanced layout.

• Text Field Styling: The input textarea has been resized and styled to match the standard Framer text field for a more native feel.

• Copy Button Positioning: The Copy Code button has been moved to the fixed bottom of the plugin, following common UX patterns across Marketplace plugins.

• UI Style Alignment: Removed all non-standard UI elements and ensured full alignment with Framer’s native component styles for a more integrated experience.