Announcing Fig: Frame Interface Guidelines!

We’re excited to open source Frame Interface Guidelines (Fig), best practices for building great @farcaster Frame experiences, inspired by Apple’s Human Interface Guidelines.

A sufficiently decentralized social network. farcaster.xyz

Announcing Fig: Frame Interface Guidelines!

We’re excited to open source Frame Interface Guidelines (Fig), best practices for building great @farcaster Frame experiences, inspired by Apple’s Human Interface Guidelines.

https://www.paradigm.xyz/2024/05/fig

Frames turned Farcaster posts into interactive apps for ecommerce and games, and other fun social apps, but lacked great dev tools. 

We created Frog to fix this.

cto & general partner @paradigm. working with /rust on /ethereum. building /reth and /foundry. https://gakonst.com

Since Frog, we realized we were missing clear guidelines on what makes or breaks a frame experience. 

There is a need for best practices for developers that want to build great Frames.

Since Frog, we realized we were missing clear guidelines on what makes or breaks a frame experience. 

There is a need for best practices for developers that want to build great Frames.

https://github.com/wevm/frog

Enter Frame Interface Guidelines (Fig).

Fig are best practices for building Frames.

We built Fig inspired by Apple Human Interface Guidelines, to level up the way people build Frames.

Enter Frame Interface Guidelines (Fig).

Fig are best practices for building Frames.

We built Fig inspired by Apple Human Interface Guidelines, to level up the way people build Frames.

https://github.com/paradigmxyz/fig

We provide guidance on how to build great Frames inside the FIG repository.

See an example design in the screenshot below, from the repo's README.

github.com/paradigmxyz/fig

We also provide a Figma community file for people to fork and play with their own designs. We encourage people to provide upstream changes!

We also provide a Figma community file for people to fork and play with their own designs. We encourage people to provide upstream changes!

https://www.figma.com/community/file/1367670879509913267/frame-interface-guidelines

Frog makes it easy to follow the FIG through FrogUI frame primitives, familiar JSX components (SwiftUI-like) allowing you to rapidly compose layouts as well as manage color, icons, and typography in a systematic way.

Frog makes it easy to follow the FIG through FrogUI frame primitives, familiar JSX components (SwiftUI-like) allowing you to rapidly compose layouts as well as manage color, icons, and typography in a systematic way.

https://frog.fm/ui

We're excited to keep building on Farcaster, Frames, Frog, and crypto social. 

We encourage devs and designers to adopt Fig in their Frame projects, and contribute to its  development.

Visit the Fig Repository to get started!

We're excited to keep building on Farcaster, Frames, Frog, and crypto social. 

We encourage devs and designers to adopt Fig in their Frame projects, and contribute to its  development.

Visit the Fig Repository to get started!

https://github.com/paradigmxyz/fig/blob/main/README.md

Whether you’re a developer, designer, or a Frames enthusiast excited for Frog UI and FIG, reach out if you’re interested in collaborating & with feedback to georgios@paradigm.xyz / achal@paradigm.xyz or @gakonst @achal @awkweb @jxom on Warpcast.

Find us at Farcon!!! Let's build Frames!

Frames turned Farcaster posts into interactive apps for ecommerce and games, and other fun social apps, but lacked great dev tools. 

We created Frog to fix this.

https://www.paradigm.xyz/2024/02/frames

On a mission to help web3 be more accessible for the 1 in 5 with a disability. Co-founder /access. 

Worked with teams at Stripe & Meta. 

Guidelines are * often * a good thing 👀 @stevenmale

Working on a frame now, this is incredibly helpful!

ah nice, you just leveled up my jank design skills haha

We love to see an accessibility section! 🎉

bookmarked, will read and take to heart

interested only in best-in-class frame experiences

Excited to check it out. 

I have been wondering what is the best pattern to redirect users from a specific frame with specific action/url to a generic one. 

Kind of going from specific page to home in web.

Thanks for sharing! Excited to put some of these into practice.

Discover the best new web3 projects /launchcaster · https://nf.td/launchcaster

@launch FIG: Frame Interface Guidelines for Devs & Designers