AI
Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Search
Framer × AI & I
AI & I listeners get 30% off an annual Pro plan. Framer is the no-code website builder for designing, shipping, and scaling company websites, without engineering. Teams at companies like Perplexity and Miro use it to move faster.
AI & I
Desktop
·
1200
Breakpoint
Tablet
Breakpoint
AI & I
Create, collaborate, and go live
Generate site layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Wireframer
I created three unique landing pages in dark mode for your modern design startup: a main landing page, a creative-focused page, and a studio showcase page.
Landing Page 1
Landing Page 2
Landing Page 3
100%
Benjamin
Paul
100%
Title
Image
Date
Category
Slug
Search 153 items…
Skills
Content
skills
Pinned Projects
Content
pinned-projects
CMS List Field
Content
cms-list-field
Agents: 3D Transforms
Content
agent-3d-transforms
Agents: Reasoning and Fast Mode
Content
agent-reasoning-and-fast-mode
Video Shaders
Content
video-shaders
Branching and Publishing APIs
Content
plugins-4-1
July Update
Content
july-update-2026
Opus 5
Content
opus-5
Agents Efficiency
Content
agent-credit-usage
Title
Skills
Image
skills.jpg
Categories
Content
Slug
skills
framer.com/updates/skills
Content
Paragraph
Introducing Skills, a new way to teach the Framer agent how you work. Save instructions for your design system, writing style, or CMS workflow and reuse them across tasks. Reference @pages, @components, and @styles in your project to help the agent follow your design direction, while you keep control of the result on the canvas. To get started, use /skills to ask the agent to create or update a skill. After a conversation where you’ve refined a page or a piece of copy, ask the agent to capture the decisions you want to reuse next time. Skills stay with a project when someone remixes it, so template creators can now include guidance for adding new pages and content with their template while staying true to their design. Learn more about Skills.
baseform.framer.website
Baseform®
Art Direction
Visual Design
Work,
Archive,
Profile,
Journal
Let’s Talk
Latest News
View All Posts
→
Click to edit
·
Changes are auto-saved
Site saved
·
Collaborators are notified. Changes will be visible once the project is published.
Open in Framer
Finish Editing
AI
Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Design
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
Design
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
CMS
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
CMS
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
Collaborate
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Collaborate
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Talk to sales
Let’s help your team build better.
Get demo
Discover how Framer empowers your team.
Enterprise trial
Try Framer to simplify your workflow.
Custom solutions
Get advice tailored to your team’s goals.