Framer × Complex Systems

Complex Systems 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.

Complex Systems

Desktop

·

1200

Breakpoint

Website made in Framer

Tablet

Breakpoint

Website made in Framer
Properties

Complex Systems

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.

Framer UI
A smiling person with short hair, wearing a dark shirt, against a backdrop of blue sky and clouds.
User avatar.
Framer UI

Wireframer

UI

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

Example of a page generated by Wireframer

Landing Page 2

Example of a page generated by Wireframer

Landing Page 3


Example of a page generated by Wireframer

100%

Framer UI
Image in Frontpage - old/Design.
User avatar.
Framer UI

Benjamin

Paul

Framer UI

100%

Framer canvas
Framer UI
Framer UI
Framer UI

Title

Image

Date

Category

Slug

Search 153 items…

Image and Shader Generation

Content

image-shader-generation

Convert Update

Framer Convert

Content

convert-update

Harness 2

Content

harness-2

Localization Update: Content Panel & Opt-In

Content

localization-opt-in

CMS Update: Multiplayer Cursors

Content

cms-update-multiplayer-cursors

Asset Panel Refresh

Content

asset-panel

Framer MCP

Framer MCP

Content

framer-mcp

Firewall

Firewall

Content

firewall

Skills

Content

skills

Pinned Projects

Content

pinned-projects

Framer UI

Title

Image and Shader Generation

Image

image-shader-generation.jpg

Categories

Content

Slug

image-shader-generation

framer.com/updates/image-shader-generation

Content

Paragraph

Introducing image generation and generated shaders in Framer. Ask the Agent for a custom image, texture, or illustration that fits your site. You can also drop an image into the chat or select one on the canvas, then ask the Agent to swap the subject, remove the background, or restyle it. Shaders work the same way. Ask the Agent for a shader, like a halftone, bokeh blur, CRT, pencil effect, or describe a specific effect you saw online, like “smudge an image on pointer drag.” It can also tweak a Framer shader that’s already on your canvas. Image and Shader generation work together too. The Agent can generate an image and set it as the input of an image shader, for example one that turns it into a pen drawing with an ink smudge on mouse move.

baseform.framer.website

Baseform®

Art Direction

Visual Design

Work,

Archive,

Profile,

Journal

Let’s Talk

Latest News

View All Posts

→

Photo
Photo
Photo
Photo
Framer UI

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

Image preview image.
AI

Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

Image preview image.
AI

Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

Image preview image.
Design

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Image preview image.
Design

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Image preview image.
CMS

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

Image preview image.
CMS

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

Image preview image.
Collaborate

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.

Image preview image.
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.