Syllo is an editable Figma UI kit for education dashboards, self-study tools and AI-assisted learning products. It brings source materials, notes, flashcards, practice, study planning and Tutor support into one connected workspace.
The kit covers 58 independent business task templates across desktop and mobile in Light and Dark. It contains 288 screens and states: 232 main views, 52 contextual states and 4 historical practice-result views. That is 144 views per platform across both themes, or 72 views in each platform-and-theme set. Components, foundations and presentation artwork are excluded from these application counts.
Design workflows for importing and organizing resources, selecting evidence for a note, reviewing draft sections, comparing note versions, creating and editing flashcards, reviewing practice answers, retrying mistakes and planning follow-up checks. Current and historical practice results support reviewing past performance without changing the current attempt. Goals, weekly capacity, exam preparation and focus sessions connect the learning plan to the next task.
Syllo Tutor layouts show source context and explanations. Study-pack review screens let learners inspect notes, cards and questions before accepting selected content. Shared components, semantic color variables and Manrope typography support consistent editing across both modes.
This is a static, editable Figma design resource. It does not include production code, a working AI service, a backend or a clickable prototype. Learning records are illustrative sample content. Manrope font files are not bundled; install the font separately to edit text.
The kit was developed with AI assistance; the purple glass-page presentation artwork is AI-generated. Application screens are editable Figma layouts.
