Rokas Griškonis
Rokas Griškonis

Rokas Griškonis

I fix & develop Framer websites. Official Framer Expert. 5-star rated on Contra https://contra.com/rokas_griskonis1

ExpertLithuaniaFrom $1K
TemplatesPosts
Rokas Griškonis
Rokas GriškonisExpert22h

Here's how I approach turning a Figma design into a Framer website:

1. Open Figma file

2. Import design into Framer

3. Clean up the structure (gaps, paddings, layout...)

4. Build the responsive behavior

5. Add interactions & animations

6. Test every breakpoint

7. Final check before launch

Import is only the beginning.

Real work is turning the design into a responsive, interactive website that works properly across different screen sizes.

*It's not client project, credits to Olga for figma design -https://www.figma.com/community/file/1230604708032389430/positivus-landing-page-design?q_id=593e993a-acf8-4522-9a3b-5c20a775d126

Rokas Griškonis
Rokas GriškonisExpert1d

Rebuilding Dropbox’s hero section in Framer.

This is a personal showcase project, not a client project.

The hero section is still a work in progress, but I wanted to share where it’s at so far.

Recreating the layout, responsive behavior and interactions in Framer to get as close to the original as possible.

More soon.

Rokas Griškonis
Rokas GriškonisExpert2d

Framer breakpoint not rendering correctly in the canvas?

Try this:

- Delete broken breakpoint. (tablet or mobile only)

- Press Undo (⌘/CTRL + Z) to restore it, just be careful with this.

- Check breakpoint again.

This can force Framer to reload breakpoint and fix it.

Rokas Griškonis
Rokas GriškonisExpert4d

A small Framer setting that can completely ruin your text animations.

If your text animation looks like it’s being cut off instead of smoothly animating, check the stack holds your text.

If it's overflow is set to Hidden/Clip, the animation can get chopped.

Set it to:Overflow → Visible

And the animation works as expected.

I ran into this when I started, so heres a quick screen recording showing the problem → the fix → the final result.

Rokas Griškonis
Rokas GriškonisExpert6d

I understand design pretty well, and I love seeing beautiful, functional websites.

But I realized I dont really enjoy the design process itself after making 4 Framer templates.

So I quit design and focus on Framer development, migrations from other platforms to Framer, and fixing/troubleshooting existing Framer sites.

I still respect good design.

I just figured out what I enjoy most.

Rokas Griškonis
Rokas GriškonisExpert1w

This cool interactive component is coming to Framer Components.

I named it “Flipping Cards” - simple and easy to find.

It’ll be free for a limited time, so be prepared, I’ll let you know when it’s live.

Thanks to Shruti Khandelwal for the idea to publish it.

Rokas Griškonis
Rokas GriškonisExpert1w

One important thing in Framer!

Don’t forget to add "mailto:" when adding an email address to a button, for example, mailto:jimkim@gmail.com.

And "tel:" when adding a phone number, for example, tel:+15056445894.

Rokas Griškonis
Rokas GriškonisExpert1w

Built this Framer site from scratch.

The interesting part wasn't the design.

It was building this team section with a flipping interaction and full-card expansion on hover.

Here's the final result.

Rokas Griškonis
Rokas GriškonisExpert3w

Developed in Framer💫

From Figma design to fully working simple landing page.

Design is made by @_heyfaisal (on X/twitter)

Rokas Griškonis
Rokas GriškonisExpert1mo

Framer development (Figma to Framer) part 3

Design is not mine, credits to @_heyfaisal (on X/twitter)