Interface design

60 Figma tasks under interface design (purpose: what the work is for) — each with ready AI prompts at four heights. LLOS Work Atlas.

60tasks
Purposewhat the work is for
Open the interactive atlas →
Add overlays and modalsAlign and distribute layersAnnotate designs for developersApply layer effects and shadowsApply typography stylesBuild component libraryBuild responsive layoutsCollaborate in real timeComment on design filesCopy and paste componentsCreate and apply stylesCreate and edit gradientsCreate and edit vector shapesCreate and use librariesCreate color palettesCreate component statesCreate design tokensCreate icon setCreate interactions and triggersCreate new design fileCreate reusable componentsCreate user journey mapsCreate wireframe layoutDesign app screensDesign interactive prototypesDesign mobile interfacesDesign onboarding flowsDesign responsive componentsDesign web interfacesDuplicate and iterate screensExport CSS and code snippetsExport design assetsGather stakeholder feedbackHandoff designs to developersImport assets from other toolsInspect design specsLink prototype screensManage component variantsManage version historyMask layers and groupsMeasure spacing and dimensionsOrganize project filesPlay and test prototypesPresent designs in meetingsPrototype user flowsPublish and update librariesRecord prototype flowsRename and organize layersResolve design feedbackSearch and replace stylesSet constraints for responsivenessSet file permissions and accessSet up design systemShare prototypes with stakeholdersSwap component variantsSync library changesTest prototype interactionsUse auto-layout for framesUse boolean operationsUse grid and layout guides
Copyright © LLOS.ai · 2026 — original pedagogy, voice, and design — all rights reserved.

The rest of the map

Same library, five ways in.