Nils  Green

Nils Green

1619418600

Figma Launches FIGJAM. Goodbye Miro?

We all saw it coming. Figma launches Figjam which is a direct competitor with Miro. How does it perform? Will you make the switch?

#figma #figjam

Figma Launches FIGJAM. Goodbye Miro?
Nils  Green

Nils Green

1619418600

Figma Launches FIGJAM. Goodbye Miro?

We all saw it coming. Figma launches Figjam which is a direct competitor with Miro. How does it perform? Will you make the switch?

#figma #figjam

Figma Launches FIGJAM. Goodbye Miro?

Figma design kit built to integrate with Tailwind CSS

Hey everyone ✌🏻

Together with my friend, we developed a design kit in Figma specifically to be integrated with Tailwind CSS, a trending new utility first CSS framework.

You can check out and duplicate the project from the Figma community.

It’s open source 💙

#tailwind #figma #tailwind-figma #tailwind-ui #figma-ui #figma-ui-kit

Figma design kit built to integrate with Tailwind CSS
Graham  Cronin

Graham Cronin

1621438860

How to use FigJam for Diagramming

With FigJam, you can quickly create diagrams that look great and are easy to understand.

Try it out with your team to create user flows, map out systems, diagram processes and let us know what you think!

You can get started quickly with one of our Community templates: https://www.figma.com/community/figjam

Timestamps:

  • 00:09 Templates
  • 00:28 Shapes
  • 00:53 Connectors
  • 02:23 Copying and pasting between FigJam and Figma
  • 03:42 Leaving feedback
  • 04:00 Other examples

#figma #figjam

How to use FigJam for Diagramming
Graham  Cronin

Graham Cronin

1621480705

How to use FigJam for Brainstorming

FigJam is a fun way to brainstorm with your team and makes it possible for anyone to contribute and share their ideas.

Try it out with your team using one of our Community templates and let us know what you think! https://www.figma.com/community/figjam

Timestamps:

  • 00:07 Templates
  • 00:30 Sticky notes
  • 01:21 Marker
  • 01:50 Stamps
  • 02:32 Emoji reactions
  • 03:00 Cursor chat
  • 03:54 Components in FigJam
  • 06:19 Using FigJam and Figma together

#figjam #figma

How to use FigJam for Brainstorming
Luna  Mosciski

Luna Mosciski

1603674060

Introducing Figma to React.

Figma is awesome for creating reusable UI elements and iterating fast. Features like Auto-Layout also bring it closer to the constraints present in the developer’s world.

When it comes to going to production though, there’s still a gap that handoff tools fail to bridge. Even though Figma has an inspect code mode to keep all teams eyes on a single tool, it can still be a headache to manually integrate designs.

I have been a Front-End passionate for many years, and always dreamed that design tools could provide code in modern frameworks. So I decided to create this concept. Before introducing it, let’s revisit an example of the problem I wanted to solve:

Working with Figma’s Inspect Mode

This is what it looks like to build a simple Card component in React, using Figma Inspect panel:

Image for post

#ui #react #figma #ux #figma-plugin

Introducing Figma to React.