Document Borders and Corner Radii with Clarity and Control
The Border & Radius Block in UI Vault allows teams to visually document Figma’s border widths, styles, and corner radii across components and design tokens. Whether you’re enforcing rounded UI treatments, defining stroke guidelines, or aligning across platforms, this block transforms abstract spacing into clear, visual specifications—complete with labels, values, and real-time previews.
The Benefits
Unlock the full benefits of this feature.
01
Visual Radius Previews
Display every corner radius value from your Figma system with a live shape preview—great for showing rounding tiers and token hierarchy.
02
Stroke & Border Styles
Document standard border widths and styles (solid, dashed, dotted, etc.) with examples and notes for developers and designers.
03
Name + Value Format
Display variable or token names alongside their pixel values—ensuring accurate handoff and implementation.
The Impact
Turn Spacing and Shape Rules Into Shared Knowledge
The Border & Radius Block ensures your rounded corners and outlines aren’t left to interpretation—they’re standardized, visualized, and systemized.
Common Use Cases
Designers
Preview and align radius and stroke values across components—straight from Figma’s source.
Developers
Access pixel-perfect border and radius specs with no guesswork or Figma file digging.
Product Managers
Ensure platform consistency across design systems—especially for apps, modals, and input treatments.
Enterprises
Establish global spacing and border rules across brands and teams—backed by synced, documented logic.
Why UI Vault?
Because design systems are built on subtle rules—like corner curves and line weights. We make them visible, sharable, and scalable.
Live Radius Previews
Visually render 4px, 8px, 12px, or any custom radius values from your Figma tokens.
Stroke Width & Style Samples
Integrated with Variable System
Supports synced values from Figma variables or token libraries—ensuring accuracy across devices.
Great for Mobile, Web, and Cross-Platform Teams
Clearly define rules for iOS, Android, and Web implementations in one unified layout.