Frames X

Frames X is an evergrowing UI kit and design system for Figma, Code, and Framer (soon).

[Frames X @FramesXUIkit]

A quick to-do app tutorial in Figma 👀

[Dmitriy Bunin @buninux]

Designing a simple to-do app in Figma ☑️

with @FramesXUIkit

[Frames X @FramesXUIkit]

@lera_aligns Great job Lera!

[Dmitriy Bunin @buninux]

Templates pt 3

[Dmitriy Bunin @buninux]

Templates Thumbnails pt ②

[Dmitriy Bunin @buninux]

❖ Templates Thumbnails

[Dmitriy Bunin @buninux]

❖ Tabs

[Dmitriy Bunin @buninux]

Pushing Figma Tabs to the Limit ⇥

[Dmitriy Bunin @buninux]

Just published Parametric Tables in Figma ✶

A new cool technique to use Figma variables to create 100% responsive and scalable tables,

Check it out ↓

[Dmitriy Bunin @buninux]

❖ Component Thumbnails pt4

[Frames X @FramesXUIkit]

@buninux for Frames X UI Kit
https://t.co/mFbRNXciJm

[Dmitriy Bunin @buninux]

⁂ Component Thumbnails pt3 ⁂

[Dmitriy Bunin @buninux]

Accordion × Modes

[Dmitriy Bunin @buninux]

Parametric accordions in Figma ⏷

[Dmitriy Bunin @buninux]

Refactoring avatars in Figma

[Dmitriy Bunin @buninux]

❖ Avatar Examples

[Dmitriy Bunin @buninux]

Optimizing the avatar component in Figma

Parametric Variables ✕ Variants

[Dmitriy Bunin @buninux]

I've discovered the new best way to build components in Figma.

Let's call it Parametric Components.

This method reduced the number of variants in my DS by 80%, resulting in a faster workflow and file performance.

Let me break it down ↓

[Dmitriy Bunin @buninux]

Bento UI 02 ❈ Light Mode

[Dmitriy Bunin @buninux]

Stacked carousel in Framer

[Dmitriy Bunin @buninux]

⊹ Frames X for React is Here! ⊹

Excited to share Frames X v3.0 with support for React components and design tokens

tl;dr
▸ Transfer FramesX components to React code
▸ Customization in code via @coco_kits
▸ Design tokens for React
▸ Updated icon set
▸ Aspect ratio update

[Dmitriy Bunin @buninux]

broke my neck while making this navigation in Framer

yet happy with how it turned out