UI Forge

About this plugin

Forge complete design systems directly in Figma.Build a complete design system directly inside Figma.UI Forge helps you turn existing designs into structured foundations, generate reusable components, build complete sections, and create simplified skeletons and prototypes without rebuilding everything manually.Analyze your designsScan selected components or an entire page to detect colors, spacing, typography, radii, effects, sizes, and other reusable design decisions.Turn detected values into structured Figma Variables with configurable collections and naming conventions. Reuse existing tokens, move them between collections, rename them, and keep your system organized.Create design system foundationsGenerate reusable foundations and UI components directly in your file:Design tokens and variablesTypographyIconsElevationsButtonsInputsSelection controlsNavigationData display componentsFeedback componentsLayout primitivesAnd moreComponents understand their dependencies, helping you build the system in the correct order.Build complete sectionsGenerate reusable interface and marketing sections using components from your design system:HeroFeaturesPricingTestimonialsCalls to actionContent sectionsBlog sectionsFormsFAQHeadersFootersAnd moreGenerated sections reuse components already created in your file instead of producing disconnected UI.Create skeletonsSelect a frame, component, or section and automatically generate a simplified skeleton representation while preserving its original structure, geometry, and visual hierarchy.Useful for loading states, wireframes, documentation, and product exploration.Create prototypesGenerate simplified prototype representations of existing interfaces while preserving layout, hierarchy, typography, shapes, images, masks, overlaps, and visual relationships.Keep your files cleanBuilt-in utilities let you safely remove variables, styles, layers, or clear an entire file when you need a clean starting point.Destructive actions require confirmation before anything is deleted.FreeStart building with:2 successful design analysesFactorsTypographyIconsButtonTagBase stylesHero sectionSkeleton generatorPrototype generatorFile cleanup utilitiesProUnlock:Unlimited design analysisEvery UI componentEvery sectionBuild from individual design decisions all the way to a complete reusable system, without leaving Figma.