UI Guideline
Synthesizing the wisdom of the world's most popular design systems into a consolidated source of truth for UI component specifications.
At a Glance
- Designers
- Developers
- Design Systems Teams
- Product Managers
AI Tools by UI Guideline
(1)UI Guideline
UI Component Reference for AI Tools
Discussions
No discussions yet
Be the first to start a discussion about UI Guideline
Latest News
UI Guideline News: ComboBox research and spec released.
Release of UI Guideline v2 weekly update: Slider, Number Input, and Toast research added.
Launch of the Full Diagnostic design system audit service.
Development of MCP Server for component specs announced.
Products & Services
Searchable website containing research-driven specifications for over 60 UI components sourced from 20+ top design systems.
Individual bundles for UI components including PDF specs, AI context files (.md), YAML/JSON data, and Figma checklists.
A complete collection of all 40+ component spec packs with consolidated data for design system standardization.
A premium service providing a 'Slop Score', naming alignment analysis, gap analysis, and a 3-phase improvement plan.
Market Position
Research-first approach that synthesizes 20+ industry design systems to save hours of manual research for teams.
Leadership
Founders
Sergio Ruiz
Product Engineer and UI specialist, also known as @serudda. Previously Head of Design/UX Engineer at Mi Águila, Lead Frontend Engineer at La Haus, and Co-Creator of Stylepill.io and Waysily. Specializes in design systems and early-stage startups.
Executive Team
Sergio Ruiz
Co-Creator / Founder
Product Engineer and Design Systems Lead with extensive experience in UX engineering and frontend development.
Samuel Llibre-Pillco
Frontend Developer / UI Engineer
Frontend developer focused on building and maintaining the UI Guideline platform and component specs.
Founding Story
Started by Sergio Ruiz to solve the lack of a 'Senior' mentor for junior designers by creating a research-driven guide that standardizes component naming and specs.
Business Model
Revenue Model
Direct sales of digital products (one-time purchases) and annual subscriptions for continuous updates and services.
Pricing Tiers
Single component spec, AI context file, YAML/JSON, and Figma checklist.
One-time purchase for all 40+ component specs and consolidated data.
Includes all library content plus 12 months of quarterly updates and new components.
One-time comprehensive audit, gap analysis, and personalized video walkthrough.
Target Markets
- Designers
- Developers
- Design Systems Teams
- Product Managers
- Building Design Systems
- Standardizing UI Naming Conventions
- AI Agent Design Training
- Component Specification Research
- Design System Quality Auditing
- Over 2,750 design community subscribers