Solid Shapes

We make usable design resources

[Solid Shapes @solidshapespro]

Module update. Version 1.3.

Added a new component for creating tables. Minor improvements. We also made a minimal redesign of the site. Check it out!

#moduleupdate #designsystem #figma

[Solid Shapes @solidshapespro]

Thank you all! We hit top3 on @ProductHunt

#producthunt #startup #designsystem

[Solid Shapes @solidshapespro]

Module update. Version 1.2.

Added new components: accordion, card, multiselect. New variants of button, overflow menu, date picker. Minor improvements.

Check email to get updated files.

#moduleupdate #designsystem #figma

[Solid Shapes @solidshapespro]

Update is coming

#sneakpeek #moduleupdate #designsystem #figma

[Solid Shapes @solidshapespro]

Module update. Version 1.1.
Minor fixes and improvements. More detailed tutorial. Added new components: number input and overflow menu.

Check email to get updated files.

#moduleupdate #designsystem #figma

[Solid Shapes @solidshapespro]

Create a pixel-perfect design with the spacing system. Colored spacings based on 4px grid. Can be hidden in one click.

#spacings #designsystem #figma

[Solid Shapes @solidshapespro]

Module provides a universal icon pack. Prepared with different stroke widths to fit each component size.

Free icons by @colebemis

#icons #designsystem #figma

[Solid Shapes @solidshapespro]

We don’t make extra components for an attractive large number. All interactive states are presented separately for the developers.

#components #designsystem #figma

[Solid Shapes @solidshapespro]

Just 4 mouse clicks to major restyle all buttons.

We made a thoughtful structure of each component. Let's look at the button. You can edit the corner radius and main color in one place. Changes apply to all component variants.

#components #designsystem #figma

[Solid Shapes @solidshapespro]

Typography.

Simple text style structure. Just two groups: bold headers and regular paragraphs. Neat settings of each parameter. Line heights apply to the 4px baseline grid. Also, free Google font is used.

#typography #designsystem #figma

[Solid Shapes @solidshapespro]

Colors.

Module contains the only color styles you will use. No tons of shades of each rainbow color. Secondary colors are created with transparency to fit any colored background.

#colors #designsystem #figma

[Solid Shapes @solidshapespro]

Module! We created a design system for Figma.

Intuitive in use without excess components. Easily customizable with atomic structure. Thoughtful build with auto layout. Made with love in many details.

Explore: https://t.co/EccYXuaEcc

Coupon: launch10

#designsystem #figma