AIC-FIGMA

About this plugin

Markdown to UI - Figma PluginA Figma plugin that automatically converts Markdown content into beautiful and responsive UI components with elegant layouts.🚀 FeaturesSupported Markdown Elements:✅ Headers (H1-H6) with typography hierarchy✅ Bold and Italic text✅ Links with special colors✅ Lists (bullet and numbered)✅ Tables with header styling✅ Code blocks with background✅ Inline code with highlighting✅ Quote blocks with left border✅ Images (placeholder)✅ Horizontal rules✅ Strikethrough text✅ Underline text✅ Nested formatting supportUI Features:🎨 Customizable layout with settings📐 Responsive design with auto-layout🎯 Typography hierarchy clear and consistent🌈 Color coding for each element type⚡ One-click🔄 Mixed text formatting (bold + italic combinations)📱 Auto-sizing containers🎮 How to UseMarkdown to UIStep 1: Open PluginIn Figma, go to Plugins > AIC-FIGMA.The plugin will open with an input interface.Step 2: Input MarkdownEnter your markdown content in the textarea.Step 3: Customize SettingsWidth: Container width (default: 630px)Height: Container height (default: 891px)Gap: Space between elements (default: 20px)Padding: Container padding (default: 60px)Step 4: Create UIClick "Create UI" to generate.The plugin will create a frame with all markdown elements.PaginationStep 1: Open paginationIn AIC-FIGMA, go to Pagination tab.The plugin will open an input interface.Step 2: Select frameFirstly, select frame that you want to paginate.Then, click on Click to Select a frame button.If successful, the frame name and length will be displayed.Step 3: Customize SettingsWidth: Container width (default: 630px)Height: Container height (default: 891px)Gap: Space between elements (default: 20px)Padding: Container padding (default: 60px)Header: The height of the header and the page number will apply Header.Footer: The page number will apply Footer.Step 4: Create UIClick Create Pages to generate.The plugin will create a frame with all pages.