Designing Your Page
How to use the AI editor to create your perfect page
Designing Your Page
Vysible's AI editor builds your page from a conversation. You describe what you want and the AI generates it.
How the AI Editor Works
Navigate to the AI Studio from your dashboard. Start a conversation by describing your page:
- Your style: "dark minimal with a neon accent" or "clean white with soft pastels"
- Your content: "I'm a music producer with links to Spotify, YouTube, and my merch store"
- Your vibe: "professional and elegant" or "bold and edgy"
The AI generates complete JSX and CSS — a fully functional page, not a template.
Tips for Better Results
- Be specific about colors: "use my brand color #FF5733" works better than "make it colorful"
- Mention your platform: "I'm on TikTok and YouTube" helps the AI add the right social icons
- Reference existing styles: "similar to a Linktree but darker and more custom"
- Ask for changes: "make the links bigger" or "add more spacing" — the AI iterates
Colors and Fonts
The AI can use any Google Font and any color. You can specify:
- Exact hex colors: "#24BF6A"
- Color descriptions: "deep navy blue"
- Font names: "use Bebas Neue for headings"
- Font vibes: "something bold and condensed"
Adding Links and Social Icons
Tell the AI your actual URLs:
- "Add my Instagram instagram.com/myhandle"
- "Link to my website example.com"
- "Add YouTube, TikTok, and Twitter"
The AI will create properly styled link cards with the correct platform icons.