LogoLogo
⌘Ctrlk
  • Platform
  • What's New
  • API reference
LogoLogo
  • Welcome to Jet Admin
  • FAQ and Troubleshooting
    • What can I build?
    • Build your first app with AI
    • Explore core concepts
    • Already using Jet? Start with the AI builder
    • Choose AI or Classic App Builder
    • How credits work → Account
    • Migrate a project to Jet Admin
    • AI App Builder overview
    • AI Assistant
    • Create an app
    • Navigate and edit your app
    • Themes and appearance
    • Preview and troubleshoot
    • Test and publish
    • Practical guides
    • Move from Classic to AI
    • Choose where your data lives
    • Jet Databases
    • Synced tables
    • Data Sources
    • Manage app data
    • Files & storage
    • SQL queries and API requests
    • Overview: workflows and automations
    • Functions and automations
    • Build your first workflow
    • Start a workflow
    • Build workflow steps
    • Handle outcomes
    • Practical guides
    • Workflows and AI
    • Test and troubleshoot
    • Create your first agent
    • Instructions, tools, skills, files, and models
    • Test an agent safely
    • Run agents in apps, workflows, and automatic tasks
    • Agent templates
    • Slack, Telegram, Email, and MCP
    • Access & Governance overview
    • Users and invitations
    • Teams and roles
    • Authentication and SSO
    • App and data permissions
    • Test and govern access
    • Audit trail and system logs
    • Security and data handling
    • Publish & Deploy overview
    • Publish your app
    • Share and embed
    • Custom domains
    • Environments
    • Version History and recovery
    • Deployment options
    • Troubleshooting
    • Classic Builder overview
    • Pages and components
    • Data binding and variables
    • Actions and logic
    • Appearance and localization
    • Component Designer and Figma
      • Import Figma Design
      • Pixel Perfect App
      • 🪅Figma design into a web app
      • AI Custom Components
      • How to use pixel-perfect components
      • How to work with component designer
      • Right sidebar
        • Layout
        • Auto Layout
        • Conditional Visibility
        • Component Responsiveness / Constraints
        • Fills
        • Borders
        • Shadows
        • Interactions
      • Frames and Groups
      • Action components
      • Component and layer states
    • Practical guides
    • Test, publish, and maintain
    • Video tutorials
    • Move to AI App Builder
    • Account overview
    • Subscription and Billing
    • Credits & Rate Limits
    • Cancel Plan
    • Refund Policy
    • Affiliate Program → Affiliate Programs
    • Affiliate Program overview
    • Join and manage referrals
    • Program terms and payouts
Powered by GitBook
For the complete documentation index, see llms.txt. This page is also available as Markdown.
  1. Platform
  2. Classic App Builder (Legacy)
  3. Component Designer and Figma

Right sidebar

LayoutAuto LayoutConditional VisibilityComponent Responsiveness / ConstraintsFillsBordersShadowsInteractions
PreviousHow to work with component designer
NextLayout

Last updated 2 years ago

Was this helpful?

Was this helpful?