frames-devs

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. ceo /ithaca. working with /rust on /ethereum. building /reth and /foundry. https://gakonst.com

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

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.

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!

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