RocketPen - Generate UI with AI and edit freely

About this plugin

RocketPen is a tool that leverages artificial intelligence (AI) to help users create UI designs.

RocketPen aims to significantly boost your productivity.

For more information, please visit: https://rocketpen.site

RocketPen 借助人工智能生成 UI 设计，支持文本、图像、网站等多种形式转换为可编辑设计文件，还能生成各类图表并导入资源。

它允许对 AI 生成的设计灵活编辑，能适配多平台且保持设计一致性，通过自然语言交互提升效率。

搭配 Chrome 扩展可将任意网站转为 Figma 可编辑文件，实现设计资产复用，助力高效完成设计工作。

Value

📌Open Editing Permissions: AI-generated designs can be flexibly edited and modified

🚀Boost Design Efficiency: Smart generation replaces manual drawing

🎨Maintain Design Consistency: Automatically adapts to brand design specifications

💬Natural Language Interaction: Generate professional designs with simple descriptions

📱Multi-platform Design Support: Unified design for Web/Mobile/Desktop platforms

📦Design Asset Reuse: By using the Chrome extension together, you can convert any websites into editable Figma designs.

Features

Text-to-Design Generation

Generate UI design drafts based on DesignTokens through text descriptions

Image-to-Design Generation

Generate editable design files directly from images, or apply styles extracted from images

Website-to-Design File Conversion

Convert any website(HTML) into editable Figma design files, requires use with the Chrome extension RocketPenSelector

DesignToken

Support variables definition for DesignToken with visual DesignToken output

Quick Chart Generation

Support common chart types including bar charts, line charts, pie charts, radar charts, etc.

Precise Content Generation

Generate corresponding content through text descriptions within specified Frames

Precise Resource Import

Import icons, images and other resources through text descriptions:

Notes

🔒 Privacy Protection: We do not store any user data. Only DesignTokens (variables) are uploaded, and all generated design files remain stored locally on your device. Your data security is fully protected.

🚧 Development Status: This plugin is currently in active development. We're continuously refining the model and workflows to deliver higher-quality design outputs and an improved user experience.

Thank you for your support and understanding! If you have any questions or suggestions, please feel free to provide feedback.