fabiochiu/medium-articles huggingface dataset:
Boost your designs with these 6 (free) Figma Illustration resources
By: Orane Lefevre
Tags: Figma, Illustration, UI Design, Sketch, UX

Illustrations and organic shapes are all the rage in current UI designs. They can give life to a page and help convey your brand identity.

As a newbie UI designer eager to jump on this trend, I rummaged through Figma resources to find quick and easy ways to add some spice to my wireframes. Here are my favourites. I categorised them in two groups: shapes & blobs and proper illustrations.

Shapes & blobs

1. The most versatile: Paaatterns

Let me tell you: I LOVE this resource. It contains several patterns of interesting shapes, both organic and geometric. They are available in SVG, allowing you to customise each design to your needs.

Available for: Figma, Sketch, Adobe XD and Adobe Illustrator

example of the “Russ” paaattern

2. The cutest: Scribbbles

This pack used to be free but now costs $4 but it is really worthwile. It contains 100+ vectorized scribbles to add life to your designs

Available for: Sketch (but can be opened in Figma) and Adobe Illustrator

Overview of some Scribbbles

3. The easiest: “Blobs” plugin for Figma

This nifty Figma plugin allows you to generate random blobs using 2 parameters: complexity and contrast. Simply right click > plugins > blobs to get started.

A few blobs created with “Blobs” plugin

Actual Illustrations

1. Simple and effective: Peach Illustration system

A beautiful illustration kit containing backgrounds, characters and diverse elements to create your own scenes. The file contains SVGs, allowing you to customize the components according to your needs

Example of a full scene using Peach

2. The most customizable: Humaaans

A very similar illustration kit. Here, each part of the designs are made as Figma components, allowing you to create the characters that you need (choose the head, top, bottom etc…). Includes wheelchair, hijab and very diverse character options.

Available for: Sketch, Figma, Adobe XD, flat assets

Examples of character customization

3. The one-stop-shop : Blush Figma plugin

This plugins compiles many free illustration resources in one place. Simply right-click>plugins and select blush to access the library. You get the images as PNG for free, but SVGs require a premium access.

Conclusion

There are plenty of free and amazing resources to illustrate your designs. And those are just a few of them. Which ones do you use? Please let me know and let’s share our best design resources together!
App design creation
By: Patryk Janik
Tags: Figma, Web Development, Design, Product Development, Mobile Development

Everything starts with an idea!

In the beginning, you only get functional requirements like:

“M y app should have a preview of my rockets fleet. Only me as an administrator have the possibility to click some button and send a chosen rocket to Mars. Of course with a beautiful 10 seconds counter!”

You need to feel this app. What is the best way of using it? How I would like to see it? If you want to create the perfect design for end-user you need to be a user. Really…

It is good to simulate places of frustration, what would you like or not when navigating on your pages or views, if this element will be used often and I should have easy access to it (near my thumb or last mouse place). It is so-called UX & UI and this is a really broad topic.

Then, it is a good idea to draw some sketches somewhere. We love the paper, board and even sometimes improvise a little 😁

Here you can see a few examples:

It doesn’t need to look perfect. You are an artist and those are your thoughts!

You combine whole design from small visual components which can be defined in some strict manner like atomic web design or you can be a free electron and do it as you wish.

There are tons of predefined sets of components already created like material design components or ant design. You can additionally find inspiration on dribbble or behance.

Transforming sketches into Figma designs.

We decided to use figma as our tool for design creation. If you don’t like it the most common alternatives are adobe xd or sketch.

We choose our mobile/tablet/desktop frame basic resolution with Figma Viewport plugin (it is based on actual device resolutions market usage).

It is good to create some repetitive elements once and reuse it in a few places like:

Typography system

Color system

Components

With those blocs, some time and a pinch of magic we can create full design of our web or mobile application with all routes and views.

The final outcome can look like:

What is more, with figma you can create living prototypes. This means that you can have a clickable mockup of your product and test navigation directly on your phone or mobile!

How awesome is it?! 💪

Approving the design

Our designs can look perfect for us, users and the whole world but at the end of the day, we need to satisfy our customers. And it can be hard because whole art is strongly opinionated and designs are too. That is why you need to involve in whole project creation people for who we need to design it.

In the end, we can freely export those designs to .pdf, .svg, .png or even figma predefined format and finalize everything.

This is how you do it 🤟

If you would be interested in more content like this you can subscribe to our channel or see what we’ve got on our Appsome Solutions Blog.
Recap: WeDesign
By: Eugene Ebere
Tags: Figma, Figma Africa, UI, Ui Ux Design

On the 15th of February 2020, the Figma Africa Enugu State community held its maiden event themed WeDesign. The purpose of the event was to create awareness for the design scene in Enugu State, introducing them to the Figma design tool and to officially launch the Figma Africa Enugu State design community.

The event was held at Dreams Hub in Enugu, was sponsored by Figma Design and Dribbble and was hosted by Eugene Ebere, the resident Figma Design Ambassador and his team. The event started off with an icebreaker, where the attendees introduced themselves and how long they have been in design, then we went on to play Kahoot to lighten the mood while the first speaker got ready.

The first speaker was Emenike Daniel who is a UI/UX designer at matte.ng. He talked about career opportunities in design. He took out time to buttress on the industries where designers are needed and how to go about getting designer roles in these industries.

The second talk session was on concepts of design and was taken by Chibuzor Emmanuel who is a designer at Binary Hills. He spoke on way to apply various concepts in design so as to create a usuable products. While the second speaker was on, we shared snacks to the attendees

The event lasted for approximately 5 hours and towards the end, we had a workshop session that was taken by the resident ambassador, where we introduced the attendees to the Figma environment and how to use the Figma while we created a very simple Sign Up page. We also created a whatsapp group where we could share our designs and also help monitor the progress of the community
Planning a web app with Figma — part 1
By: Jody Neckles
Tags: Figma, Reactjs, Programming, Design, Rails

Design for everyone

Figma’s mission is to build a design tool that anyone can use. As a company, they have worked hard to create a number of social betterment programs which include a ‘Figma Roadshow’ so that people in developing countries can earn an income as remote designers.

Here is some info about Figma’s work in Africa.

The ‘Figma Roadshow’ across Africa

Figma cares deeply about UI design and has created a number of free resources like ‘learn-design’ to teach industry best practices of UX design.

Getting started

Setting up Figma takes less than 20 secs. Simply create a new account or sign up with your Google account for free.

Individual users can create up to 3 projects for free. This includes a limit of two collaborators and an unlimited number of users and storage. Paid subscriptions include an unlimited number of projects, collaborators and version history as well as extended features.

One interesting note is Figma’s extended features are completely free for students. More info about student access here.

Figma — Pricing

Figma apps for OSX and Windows

Figma can be installed on a local machine for offline work. The Figma web application is converted into a native application by Electron. Election is a framework that allows websites built in HTML, CSS and JavaScript to run as natively installed applications.

Electron allows Figma designers to *continue* to work on projects offline. Any changes made to projects will sync immediately to the cloud once a network is re-established.

To download the installer for an OSX and Windows native app click here.

UI Overview

The main toolbar options are contextual to canvas selections but in general, contain file management and designer tools. The left pane is the Layers view where project assets are organised in nested folder structures.
ProtoPie 3.10: Faster Than Ever Before… & Figma Integration
By: Fredo Tan
Tags: UX Design, Figma, Protopie, Product Design, Prototyping

ProtoPie 3.10: Faster Than Ever Before… & Figma Integration

Say hello to ProtoPie 3.10.

Some of the new features and improvements we have added to ProtoPie 3.10 are covered in this article:

Improved performance.

Figma integration (beta).

Borders and shadows.

A new response called Link.

Copy & paste layers and their interactions.

Improved timeline.

Improved performance

When it comes to Pies that are somewhat larger than usual, ProtoPie sometimes had troubles with handling these. We made changes to the foundation of ProtoPie making it roughly 3 times faster than ProtoPie 3.9 when it comes to average time run time; a more lightweight ProtoPie for you.

ProtoPie 3.10 is about 3 times faster than ProtoPie 3.9.

Figma integration (beta)

This might have been the one long-awaited feature by lots of designers all over the world. From ProtoPie 3.10 and onwards, you will be able to import your designs from the 3 commonly used screen design tools: Sketch, Adobe XD, and Figma.

Import your designs from Figma and bring them truly to life with ProtoPie.

Learn more about ProtoPie its new integration with Figma.

Borders and shadows

With these new properties, you don’t have to go back to Sketch, Adobe XD or Figma to make changes to your borders and shadows. You can do it all in ProtoPie 3.10.

Subsequently, we are introducing two new responses Border and Shadow allowing you to manipulate borders and shadows of layers as part of an interaction.

A new response called Link

With the Link response, you can open websites and apps through URL schemes.

Prototypes running on a computer can open websites with the Link response. Prototypes running on iOS and Android devices can open websites as well as system and third-party apps with the Link response. Third-party apps usually have their own defined URL schemes.

We put two cool examples together for you to try out the new Link response in ProtoPie 3.10.

Spotify & WhatsApp

The Spotify prototype has a Link response that uses a URL scheme to open WhatsApp and send a message.
Turn Your Figma Designs into Highly Interactive Prototypes at Lightning Speed
By: Fredo Tan
Tags: UX Design, Figma, Protopie, Product Design, Prototyping

Turn Your Figma Designs into Highly Interactive Prototypes at Lightning Speed

As part of ProtoPie 3.10, we are introducing to you ProtoPie its integration (beta) with Figma on macOS and Windows!

We have seen how Figma has taken significant steps towards the center of the ring in the last few years. Of course, how thousands of designers collaborate in real-time with each other on interface design as well as create and maintain entire design systems in Figma didn’t go unnoticed by our team here at ProtoPie.

The same goes for our users. The number of requests that we received for a possible integration with Figma skyrocketed, especially after Figma announced its plans on launching the Figma Platform and web API. This led to Figma integration being the most frequently requested feature for ProtoPie in 2018.

“We are very delighted to introduce the integration with Figma, allowing designers using Figma on both macOS and Windows to have a complete design and prototyping workflow”, Tony Kim, the CEO and co-founder of ProtoPie, said. “Designing in Figma and turning your designs into truly highly interactive prototypes in ProtoPie, beyond just fancy animations, is finally possible.”

Import your designs from Figma on macOS and Windows

Besides the integrations with Sketch and Adobe XD CC, you can import and reimport your designs from Figma into ProtoPie seamlessly like you are used to.

You can import your designs from Sketch, Adobe XD and now from Figma as well.

Seamless workflow

No plugin needed.

Import and re-import frames from Figma.

Choose which layers to import into ProtoPie.

With the integration (beta) to Figma, importing your designs from Figma into ProtoPie couldn’t be done any easier and faster. You can make changes to your designs in Figma and re-import them into ProtoPie, all hassle-free.

Learn more about how ProtoPie’s integration (beta) with Figma works.

The way you speak, the way you prototype

Piece interactions together in ProtoPie to create realistic prototypes for any digital product. In the most familiar way to you.

ProtoPie’s conceptual model enables you to create interactions based on how objects move in the real world. Better yet, how you would explain with words how objects move in the real world.

That’s why we say: the way you speak, the way you prototype.
FigmAdventure places first at Camp Figma 2020!
Tags: Team Building, Figma, Teamwork, Design, Teambuildingactivities

First, we wanted to see what Figma Community files or plugins already existed. We used search queries like “Fun” or “Game” to find files under this category. There were plenty of awesome ideas out there! People have recreated some of our favorite board games (Settlers of Catan, Uno, Connect 4). Then, we searched on the Internet for fun virtual games and suggestions, but could not find an idea that resonated.

After a few hours of brainstorming and research, Isabella suggested looking into escape rooms. Suddenly, a lightbulb turned on! Ryan had recently played with Figma Ninja, a community file that teaches you Figma’s shortcuts. It treated each page in the file as a new level. So he proposed that we build on that idea and create Escape the Figma, where a team would have to solve a series of puzzles to navigate out of the file.

Immediately, we researched virtual escape rooms. We were unable to find any direct competitors within the Figma community but found two incredible games: Google Doc Escape Room & Escape It 👀.

Reframing the Problem

Due to the pandemic, many companies have turned to remote work. A friend of Ryan’s recently told him that her virtual happy hours are boring. We wondered if she and her coworkers would be interested in a Figma escape room, so we decided to run a Google Form survey to gather data.

91%!?! 😮

Creating a Working Solution

There are five mini games within the file: Unsplash Gallery, Connect the Dots, Pixel Coloring, Emojis Only, and Totally Not an Amazon Package. To make it slightly more challenging, we hid an easter egg on each of the pages to act as the final clue.

After the designathon, we wanted to test the product to make sure it was user friendly. Two sessions were set up: one of only designers and one of non-designers.

The eight designers that participated were able to solve the puzzle in 45 minutes and 3 seconds. Ryan noted that they were not very talkative or collaborative. Individuals worked on different pages and would then come together to solve the overall puzzle.

Later that day, Ryan and Grace tested the non-designers. Despite having zero experience with Figma, a teacher, a consultant, an engineer, a scientist, and an HR specialist were able to solve it in 40 minutes and 15 seconds! We had to make a few adjustments after this user testing session since there were moments of confusion.
Building responsive components in Figma using ‘Double-Glazing’
By: Chuck Rice
Tags: Visual Design, Figma, UI, Design Systems, UX

Visual diagram of how the ‘double-glazed’ effect is achieved for a Component.

Modern web solutions use responsive layouts that adapt to different devices, and it can be hard to design for it if you haven’t coded them yourself. If you setup your Design System Components in Figma correctly, you can make designing for responsiveness easier to understand and quicker to do. I’m going to show you how to design responsive Figma Components using the ‘double-glazing’ technique, and some limitations with a step-by-step worked example.

Techniques required

To create your responsive Components, you need to have some mastery of these concepts:

When these three techniques are combined together effectively, you can create a flexible Component set that enables you to design for different screens at speed. I’ll be using the Breadcrumb UI pattern as a worked example.

Basic breadcrumbs

Let’s create a two-depth Breadcrumb Component. Start by creating a text layer, adding some text such as ‘Home’, and making it look like a hyperlink. Draw or import a right-caret icon, then duplicate the hyperlink text layers and the right-caret icons until you have two of each. It should look like this:

Showing you the four layers in the layers panel, left, and how they look in the main stage editor, right.

Protip: you can highlight the text and icon layers, hold down the Option button on Mac of Alt on Windows, and click and drag them to create duplicates.

Next, add in one more text layer at the end with regular body text. You should now have a mix of five layers—don’t worry too much about alignment just yet.

Adding a Auto layout

Next we want to automate spacing with Auto Layout. Highlight all of those items and Frame this selection with the right-click menu, or use the keyboard shortcut Cmd + Option + G on Mac or Ctrl + Alt + G on Windows. With this new Frame still selected, click the ‘Auto layout’ option in the Design tab on the right. Configure the spacing options until it looks right; I like to use a power of two number. The table below shows you how that scale works.

A table showing you a list of powers of two, and the result as spacing in pixels.

It should now look something like this, and we can now place it on various screen sizes to craft our mockups and prototypes. If you edit the text inside, it’ll adjust the spacing automatically to fit.
React Application Without Front-End Devs
By: Ankit Panta
Tags: Figma Plugin, Anima, Figma, React, Web Development

“I am really a backend engineer but I do know javaScript and I have little experience fixing bugs in Vue.js, so React shouldn’t be that complicated for this time-critical project” were my literal thoughts going through my head while my team was deciding if MERN should be our tech stack for the project. We finalized MERN to be our tech stack as the project itself was time-sensitive and we needed something that was cost-effective which could also build aesthetically pleasing MVPs in a matter of days.

There were only two developers assigned to this Fintech project, myself and my colleague who also happened to be a backend engineer. Luckily, she took the task of building the schema while I volunteered myself in building the landing page. While going through the wireframe created by our UX/UI Designer using Figma (Interface design tool). I thought it would be as simple as developing using plain HTML, CSS and javaScript pages (LOL to that thought). I was one of those backend developers who usually said “I don’t like javaScript” and ignored all the modern front-end technologies which caught up to me because here I was struggling even to get started and it was due in a day. I started looking for alternatives as there was no way I was going to finish the landing page in a day while learning React at the same time.

Luckily after a bit of research I found out, the tool that our designers were using to create wireframes also had a special plugin that could take that wireframe and turn it into an actual HTML page or React Component. The Figma plugin I used was called Anima App. Here I will show you steps on how you can convert your figma wireframe into React code using Anima Plugin:

1- While on wireframe in figma. Click the 3 horizontal lines button on the left side of the page. Here you will scroll to plugin, search for Anima and add the Anima plugin to figma.

2- Secondly you will need to signup for Anima. Follow this link.

https://projects.animaapp.com/login

3- Back to Figma >>> Plugins>>>’Choose Anima Plugin’>>>’Sign-in If First time’

4- Once Anima Plugin’s ready Click the Preview in Browser.

5- Once it finishes processing it will open the wireframe in animaapp. Select <> code and select React from dropdown select. This should give you all of your react code along with css for the Wireframe.

6- Use your programming skills to precisely copy and paste code that doesn’t cause error. WALLAH You are done now you can start actual programming of logic. Happy Coding!!!
HNG Internship 5.0 So far
By: Mohammed Abiola
Tags: Figma, Hnginternship5, Github, Technology

The internship started officially 1st April 2019 and different task are listed for interns to get start.

Task 1

Sign up on GitHub. Create a personal repository. Commit a file. Pull the file. Change stuff. Commit again. Check that you have a profile image set here. If you do not have a blog, start one on blogspot, WordPress, medium or anywhere else you want.

After all is complete, add this icon to your status here: :hatching_chick:

Task 2

Join the #design-stage1 channel. Use Figma to design yourself a home page. Your page must follow a particular format: Your picture on the top left corner.

Links below your picture About, Blog, Projects. Below that are three icons with links to your social media. On the right (separated by a line from the left section), will be some welcoming information for you. Everyone will need to do this. The mentors will give you feedback on your design, however, I will be the final judge. Till your design is accepted, you cannot start the internship. Pay attention to alignment, colors and other important parts of design.

After completing Task 1 and Task 2 you will be promoted to stage one and the deadline 3rd of april.

Stage 1 to Stage 2 Task

Mark Essien announcements

Hello All, The Stage 1 to Stage 2 task will be handled by our chief mentor Seyi Onifade. He will drop the modalities of the task. Going to Stage 2 is *mandatory* for all, even if you are on Design or ML track.

Here are the requirements to enter stage 2:

a) Have a registered and accepted bug found and in the spreadsheet

b) Have a write up on your blog where you link to timbu.com

c) Enter your name on the hng.tech site.

Once all those three are complete, you are eligible for Stage 2 After today, I won’t accept anymore designers or review any more designs. If you want to enter design track, today is the deadline to get a :white_check_mark: on your design. If you have iterated multiple times for the last few days and still getting :x:, please DM your design to @KingDavid and @Mfonobong — after giving feedback, I will have a commitee meeting with them to see who we will still let in. But if you are rejected at committee, then please move on to the dev track.

This internship has been so challenging and amazing Many thanks to Hotels.ng, verifi for making this happen.

Mentors has not being awesome it really not easy to coordinate 3000+ people, kudos to you all.

Thanks
Creating flexible skewed buttons in Figma
By: Cosmin Negoita
Tags: Skewed, Figma, Outline, Hack, Buttons

Earlier today I’ve seen a rant from my friend Kadir about the complexity of building a fully flexible outlined skewed button in Figma.

Building an auto-layout powered skewed button in Figma is easy as long as the button has a solid background. You just need 3 elements: left side, center (with the text) and right side.

But what if you want to use a stroke instead of a fill? That’s when things get crazy:

In order to hide the unnecessary borders between the elements, my friend came up with the perfect solution (considering Figma’s limitations)…

…but obviously way too many layers needed.

After seeing this, I immediately remembered installing the SkewDat plugin a very long time ago and decided to use that and it worked perfectly!

So how did I achieve this?

First I created a text layer, and added auto layout to it. After, I just applied a stroke to the frame.

After this, I’ve used the SkewDat plugin to skew the whole frame to a desired horizontal degree (-15º).

Secondly, I used SkewDat again, but this time on the text layer inside the frame, using the negative matching skew value of the frame (in this case +15º).

And that was it!
Do Web Developers Need To Learn Photoshop?
By: Ahmed Boughdiri
Tags: Photoshop, Figma, Front End Development, Web Development, Web Design

Photoshop in Web Design

Today, I will answer a simple question that I think every web developer especially front-end experts asked themselves about it. The question is simply:

“Do Web Developers (Front-End Developers in particular) need to have solid knowledge in photoshop in order to make awesome UIs that grab the attention of the user and make his experience better?”.

The short answer to this question is that having knowledge in photoshop is not something required or important, and you can still make fantastic and complicated UIs without having to know anything about Photoshop or any other graphic design tool like Illustrator or anything similar, or even any web deisgn software.

But, indeed, knowing how to design a website before actually start building it will make your work easier and easier because it makes you understand more and more your UI and it allows you to preview your UI and fixing anything that looks strange in it, and that will safe you lots of time and efforts. And of course, knowing how to make a website UI design will affect your quality of work a lot, especially if you are willing to make complex UIs with something crazy that enhances the user experience.

Also, I advise you to learn a software that is specialized in designing UIs for web developers such as Sketch, Figma, or Adobe XD, I currently use Figma and it’s a great tool that serves all my needs as a web developer, and it’s so easy to use and learn as well.

Also, it’s important to mention that having some decent skills in graphic design is a soft skill for web developers, and we should know that any soft skills that you have as a web developer like knowing some SEO or some Wordpress will differentiate you from any other developer and makes you win the competition against other developers.

In the end, I hope that this short article won your admiration, and thank you for your attention.
A Figma Plugin to Publish Your Designs with 1 Click
By: John Da Maia
Tags: Figma Plugin, Figma, UI Design, Web Design, Design

Feel free to jump in the comments to provide feedback. Also, if you have friends or colleagues that will benefit from this Plugin, don’t hesitate to share our early access subscription: https://makers.so

1. 🎨 Brand and Logo Design

Makers Logo

Makers is all about accelerating product development for non-technical people. The goal is allow any Figma user (Designer, Product Manager, Founder, etc) to launch their designs into a fully responsive, SEO friendly website. No code required.

Why Makers? Well, the creators (or makers) economy is changing the landscape for the next generation of entrepreneurs. I want to help them succeed. This is for the Makers!

Why a heart with three different shapes and colors? Heart represents love. That’s what I feel for my users. Different colors represents diversity. Different shapes represents different UI components that compose a site.

2. 👨‍💻 Public Pages

How will the Plugin work?

In order to have full control of your design, I’ll have a list of UI components that you can add to your canvas and customize them as you want. This will make sure your site is responsive and won’t be buggy. Next week I’ll share an actual demo of the Plugin working 🙌

Because of the complexity of the application, I’ll have to ask you to create an account to be able to map your specific designs to your domain and sites. However you can use the Plugin without an account (I’ll only ask for an account to publish or preview your designs).

These are the first screens. Thoughts?

Makers Figma Plugin Public Pages

3. 🔑 Private Pages

These are the pages only signed up users will have access to. Not too much to comment here.

Makers Figma Plugin Private Pages

Y ou can subscribe to early access at https://makers.so

4. 🚀 Publish Workflow

These are the steps you’ll need to go through to publish your site.

Select the entry point of your site (Home Page) Review all your pages’ metadata. This allows you to have great SEO Choose your Custom Domain Review the URL routes for your site And finally add a custom Favicon and a Google Analytics tag (both optional)

Makers Figma Plugin Publishing Workflow

That’s it for this week. If you came thus far, thank you! It mean I’m doing something right 😎

I hope to see you around the Plugin soon. Have a great day!
Raising funds for charity with Portis and RadiCards
Tags: Erc721, Charity, Ethereum, Blockchain, Nft

Sharing is caring

RadiCards lets people buy and send e-cards in the form of NFTs to themselves, or their friends and families. When someone buys one of those NFTs, the funds raised are donated to activists and charities supporting the fight for freedom around the world.

The RadiCards team is not only enabling charitable donations to worthwhile causes around the world. It is also speeding up the adoption of Web3 technologies. Two worthy causes we’re proud to stand behind.

We are thrilled to announce that you can now use your Portis account to do your part and fight for good!

Check it out on RadiCards (https://radi.cards/) and make your contribution today.

Gonna sock it to ya!

The Portis team has something special planned for ETH Denver, together with RadiCards. Every person in the hackathon that shows up at our booth will get a voucher from us, which will let them:

💰 Receive a few dollars worth of ETH into their new Portis account

🦄 Buy an NFT on RadiCards, donating that ETH to charity

🧦 Get an awesome pair of socks from us for being such a good person!

To get your socks, you will need to use Portis to show us the NFT you just received (or donated) after letting us make a donation in your name. A “Proof-of-Charity” if you will.

We aim to demonstrate how easy it can be to engage people in this way, allowing anyone to make a charitable donation while enjoying an immutable and everlasting proof of doing so.

“When we give cheerfully and accept gratefully, everyone is blessed.” — Maya Angelou

The Portis Team

Have any questions? Join the conversation on our Telegram and Twitter
Oct-Pass metadata format Oct-0 release and public comment
Tags: Dapps, Nft, Blockchain

The Oct-Pass metadata format Oct-0 (Open Contents Token Spec ver.0) will be released and public comments will be solicited.

Public comments will be accepted until November 23, 2020, and based on the feedback, we plan to develop Oct-1, which will become version 1. Oct-1 will be proposed to industry organizations such as the Blockchain Content Association, and we aim to have it standardized by the end of 2020.

Oct-Pass metadata format Oct-0

basic category

contents category

property category

metadata example

{

“oct-pass”: 1,

“token_uri”: “https://www.mycryptoheroes.net/metadata/hero/50010006",

“name”: “Nobunaga Oda #50010006 Lv.92”,

“description”: “Heroes are unique characters, originated from My Crypto Heroes. Pick your hero and compete in the MCH universe! The hero type of this asset is Nobunaga Oda.”,

“image”: “https://www.mycryptoheroes.net/images/heroes/2000/5001.png",

“owner”: “Ethereum:0x68c8250078d18c43Fb02cBaCe669153c3d5fc479”,

“nft_id”: “50010006”,

“nft_class”: “MyCryptoHeroes:Hero”,

“nft_type”: “Nobunaga Oda”,

“nft_type_supply_limit”: 9,

“symbol”: “MCHH”,

“symbol_image”: “https://www.mycryptoheroes.net/images/symbol/mchh.png",

“external_url”: “https://www.mycryptoheroes.net/heroes/50010006",

“oct-pass_api”: “https://www.mycryptoheroes.net/octpass/",

“converted”: false, “contents”: [{

“uri”: “https://www.mycryptoheroes.net/images/heroes/2000/5001.png",

“format”: “PNG”,

“useable”: true,

“derivative”: true,

}],

“license”: {

“copyright”: “© 2018 double jump.tokyo, inc”,

“uri”: “https://www.mycryptoheroes.net/ja/terms",

“contact”: “info@doublejump.tokyo”

},

“rights”: {

publisher: [“double jump.tokyo”],

}, “attributes”: {

“type_name”:”Nobunaga Oda”, “lv”:92, “rarity”:”Legendary”, “hp”:471, “phy”:202, “int”:79, “agi”:114,

“active_skill”:”Hot chili pepper”, “passive_skill”:”Rule the Empire by Force”

},

“extras”: {

“active_skill_id”:3130, “ce”:910321, “current_art”:”Qmez4jc4S9y2mYDNDZpXaqXNHdcK636LfgPJqpvzcNwU8x”,

“current_stamina”:40, “hero_type”:5001, “max_stamina”:288, “passive_skill_id”:1001

}

}

Public Comment Registration Form

We want feedback on the above Oct-Pass metadata format Oct-0 (Open Contents Token Spec ver.0) until November 23, 2020. If you have an opinion, please register it using the form below.

https://forms.gle/Np6TAXJ2egaPU7pQ6
NFT Liquidity Mining Video Tutorial
By: John Fields
Tags: Nft, Liquidity Mining, Cryptoart, Defi, Cryptocurrency

This article is a follow-up to yesterday’s post on how to participate in the ONEz Liquidity Mining Program. The original announcement is here.

A step-by-step video on how to provide liquidity mining to The Nifty ONEz art bundle.

This is where you start and this is the contract address that you’ll need: 0x12419eea0b053ffea92f9afcd7986a495e2cf0dd

Please note: in the video at the 3:20 mark, waiting for approval is from Metamask.

We explained in a previous article how and why you may want to become a liquidity provider as well as a couple of important caveats you must be aware of. It’s Important to not only understand how the process works but potential risks involved. Click here for a refresher.

Please join our Discord Channel to answer all your questions and keep an eye out on our Twitter where we will release a video explainer this week.

About GrowYourBase (GYB) Our mission is to make NFTs easily accessible to All. GYB is the best place to earn, learn about and build an NFT portfolio. Previous knowledge and digital wallet experience are unnecessary to start building your NFT portfolio.

GYB continues to pioneer the NFT space with our GYB Creators Residency Program, the GYB Nifty Society Membership Program and the GYB NFTz Bundles.

This information is for general informational purposes only and is not intended to provide specific advice or recommendations for any individual or on any specific investment product. It is only intended to provide NFT education.
[Press Release]More freedom for the NFT! Common Open Content Token Specification "Oct-Pass"
Tags: Dapps, Nft, Blockchain

Four Blockchain Content Companies Collaborate to Create a Common Open Contents Token Specification “Oct-Pass” to Interuse NFTs Between Different Applications and Blockchains!

On October 23, 2020, blockchain game developer double jump.tokyo Inc.(Head office: Shinjuku-ku, Tokyo; CEO: Hironobu Ueno) partnered with CryptoGames Inc.(Head office: Shibuya Ward, Tokyo; CEO: Kota Ozawa), FiNANCiE Inc.(Head office: Shibuya-ku, Tokyo; CEO: Ryuichi Tanaka) and SmartApp Inc.(Head office: Minato-ku, Tokyo; CEO: Ko Jangdeok) to create an Open We are pleased to announce the joint development of the Contents Token common specification “Oct-Pass”.

The “Oct-Pass” is an open and common NFT specification that can be freely used by anyone free of charge. By creating NFT metadata in compliance with this specification, it will be easier to interoperate with NFTs between applications. By doing so, we aim to help realize the “NFT Metaverse” where the world is connected through NFT in different applications such as games, SNS, markets, and wallets, as well as across different blockchains.
Another Round of TOP Auction Again With a Maximum Cap of 50ETH
Tags: Defi, Nft, Auction

Another Round of TOP Auction Again With a Maximum Cap of 50ETH Tokenswap ·Oct 22, 2020

TokenSwap again concluded its successful 4th TOP Auction in a short span of time. TOP is being swap with ETH in it’s own native auction platform. Investors from all over the world took a grab of their ticket to the moon as the auction started. The auction ended in just 35 Minutes with 50ETH being swap against 21000 TOP.

Second Round TOP Auction has been launched on 16th October, with 220,000TOP against 550ETH.

If you missed last round, here comes another chance today, with 20500TOP(1ETH=410TOP) ready for pre-sale. The pool will be also closed in 24 hours. The TOP that are not Auctioned within 24 hours will be permanently burnt, as always.

TOP will get listed on Uniswap and other exchanges following the second auction. Top total supply amounts to 10 million without any additional issuance.

Below displays the daily quota of TOP Auction:

10.16 1ETH=450TOP，Total 50ETH

10.19 1ETH=440TOP，Total 50ETH

10.20 1ETH=430TOP，Total 50ETH

10.21 1ETH=420TOP，Total 50ETH

10.22 1ETH=410TOP，Total 50ETH

10.23 1ETH=400TOP，Total 50ETH

10.24 1ETH=390TOP，Total 50ETH

10.26 1ETH=380TOP，Total 50ETH

10.27 1ETH=370TOP，Total 50ETH

10.28 1ETH=360TOP，Total 50ETH

10.29 1ETH=350TOP，Total 50ETH
Introducing DGCL — Transforming NFT Creation & Ownership
Tags: Nft, Crypto, Blockchain, Collectibles

Creating and trading NFTs will never be the same. Digicol is launching a platform for one-click NFT creation along with a liquid marketplace for trading these tokens. Removing the technical barriers to creating NFTs will pave the way for an influx of creators and a flourishing marketplace.

The DGCL token will play an essential governance role guiding how the platform evolves. It will also provide a means to compensate creators and holders of NFTs. Digicol creators will be rewarded with a share of trading fees every time their NFT changes ownership while those that showcase their holdings can also earn rewards.

DGCL also allows holders to secure fractional ownership of NFTs. Physical collectable cards have recently been skyrocketing in price but the high prices prevent many from gaining exposure. The same concept can prevent digital asset enthusiasts from taking positions. On current platforms, the most valuable NFTs will only be accessible to those that have already built considerable wealth. DigiCol removes such barriers and allows DGCL holders to own fractional amounts of NFTs in the DigiCol marketplace.

DigiCol integrates DeFi functionality into their platform. NFTs can be collateralized to borrow assets like Ethereum and USDT. This is an unprecedented feature for NFT platforms with no other technology allowing NFT holders to use their holdings to access liquidity.

To make this DeFi functionality possible, DigiCol will operate a liquidity pool which will give users the opportunity to participate in liquidity mining. Those that provide liquidity to the pool will be rewarded with DGCL tokens.

DigiCol is transforming how NFTs can be created, traded, and used. With DigiCol, users can create NFTs with one-click. A vast marketplace of NFTs will be at their fingertips. Their NFTs can also be used to access liquidity in the form of other valuable assets.

DGCL is integral to the functioning of the DigiCol ecosystem. It properly rewards participants in the ecosystem while giving them boundless opportunities in a vast marketplace. DGCL holders will be able to use NFTs in innovative and unprecedented ways.
NFT-DEGO Mining Campaign Now Available on Pool-X
By: Pool-X Exchange
Tags: Crypto, Rewards, Nft, Defi, Cryptocurrency

Dear Pool-X Users:

Pool-X will start the first round of the NFT-DEGO Mining Campaign at 18:00:00 on October 24, 2020 (UTC+8).The co-branded NFT distribution will operate using the DEGO Holding Ranking of Positions. All times in this announcement refer to the UTC+8 time zone.

There are two rounds in this campaign. In the first round, 300 KuCoin × DEGO co-branded NFTs will be distributed and 30,000 KCS will be harvested!

How to Participate:

All KuCoin and Pool-X users can deposit/transfer DEGO to the Pool-X account to participate in this round of activities.Please note that only when DEGO assets are transferred to a Pool-X account can you participate in the ranking as part of the activity. The lucky boxes will be distributed based on the amount of DEGO held by users in the Pool-X accounts at the snapshot time. Open the lucky box to get an exclusive co-branded NFT.

DEGO Holding Rules():

Pool-X will take a snapshot of users’ DEGO holding amount in the Pool-X account at 18:00:00 on October 26, 2020 (UTC+8). The corresponding ranking of each user will be based solely on the total DEGO holdings in users’ Pool-X account.

Click here to check the ranking of DEGO holdings.

You can check the details of rules and timelines here.

Note：

The ranking list will be refreshed every 5 minutes. If User A and User B have the same holding amount, we will determine the order of ranking based on the initial time the user deposited DEGO on the Pool-X account； NFT withdrawal function is not supported for this round of the event；

To welcome all DEGO fans, KuCoin has prepared a new user welcoming activity to win $6000 in DEGO, please fill in the form here to participate. Welcome to join our official community for latest updates.
The First NFT Workshop Goes Live on Gallery Finance
By: Gallery Finance
Tags: Nft

The wait is finally over! “Top-10 Most Wanted” NFT workshop is now live at https://gallery.finance/workshop. This is the first custom NFT workshop, where YOU choose the topic and decide which artworks will become NFTs.

At stage one, participants can submit public personalities they would like to see reimagined as NFT art. For example, someone has already proposed Donald Trump— you can choose any other real or imaginary figure.

During the first workshop, half of the total $GLF supply will be distributed as rewards for participants, so don’t miss this one-time chance! Top-10 personalities that gain the most votes will share 4,000 staking rewards.

To propose a figure, you must stake at least 50 $GLF for 4 days. By staking 50 tokens, you automatically give 50 votes to your submission. You can also vote for “candidates” proposed by other participants by staking 1 $GLF (1 Vote = 1 $GLF) for 4 days. The more you stake, the more votes you have. Your proposed or voted tokens will be locked for 4 days from your latest action. Learn how to get $GLF in this step-by-step guide to $GLF liquidity mining.

For more details, please see “Top-10 Most Wanted: The First NFT Workshop on Gallery Finance!”.

If you have any questions, feel free to reach out at contact@gallery.finance or social channels:

Community chat: https://t.me/gallery_finance

Official Twitter account: https://twitter.com/FinanceGallery

Telegram news channel: https://t.me/galleryfinance
TokenSwap Terms of Use
Tags: Defi, Nft, Auction

By accessing, using or attempting to use TokenSwap Services in any capacity, you acknowledge that you accept and agree to be bound by these Terms. If you do not agree, do not access TokenSwap or utilize Tokenswap services.

Please noted that anyone can create an auction pool on TokenSwap with any name, including creating fake versions of existing tokens and tokens that claim to represent projects that do not have a token. It is strongly recommended to carefully verify the smart contract address before trading.

This interface can load arbitrary tokens by token addresses. Please take extra caution and do your research when interacting with arbitrary tokens. If you purchase an arbitrary token, you may be unable to sell it back.

Although TokenSwap has been committed to maintaining the accuracy of the information provided through TokenSwap Services, we cannot and does not guarantee its accuracy, applicability, reliability, integrity, performance or appropriateness, nor shall TokenSwap be liable for any loss or damage that may be caused directly or indirectly by your use of these contents. The information about TokenSwap Services may change without notice, and the main purpose of providing such information is to help Users make independent decisions.

TokenSwap does not provide investment or consulting advice of any kind, and is not responsible for the use or interpretation of information on TokenSwap or any other communication medium. All Users of TokenSwap Services must understand the risks involved in Digital Assets trading, and are recommended to exercise prudence and trade responsibly within their own capabilities.
JGN Lock-up & Earn program on Gate.io 100% sold out
By: Juggernaut, Jgn
Tags: Cryptocurrency, Nft, Blockchain

We are thrilled to announce that the first staking program on Gate.io has been 100% sold out. With an Anual Interest Rate of 118%, the Lock-up & Earn program with Gate has been a huge success.

Link to the program’s website: https://www.gate.io/hodl/190

There are 1M JGN tokens locked on the Lock-up & Earn program, with a lock-up term of 28 days. That’s a good number of tokens that are not in circulation right now. You can click here to see the results of the program.

Screenshot of the JGN Lock-up & Earn page on Gate.io

This marks an important milestone of the project going forward, as it shows a strong commitment from the community towards the long term vision and growth of Juggernaut.

It is extremely exciting to receive that kind of support from members outside of the Juggernaut community, as well as crucial members of it. We will continue to work hard to thank everyone following us in this journey.

We will continue offering exclusive and interesting rewards to early participants in our ecosystem. Be sure to check JuggerSWAP frequently to not miss out on any rewards. Click here to access it.

We have received a lot of interest in our upcoming NFT marketplace and rare NFT collections. People are showing excitement for our upcoming NFT launch, which makes us want to work harder to bring it to life as soon as possible. We have a lot of stuff coming for NFTs, with new and unique ways to explore the NFT potential, and exciting incentive programs.
Moonbase: The Game
Tags: Crypto, Ethereum, Nft, Nft Collectibles, Cryptocurrency

Moonbase: The Game

Moonbase the Game (Season 2 of ROPE NFT Staking) was scheduled to be released on October 19th as a partnership between the ROPE team and the BASED team. A deal was made, arranging for BASED to provide the art for Season 2 of ROPE’s NFT Staking, and for ROPE to provide the NFT minting platform for BASED’s new card game, Moonbase — the Game.

Unfortunately, on October 19th (the scheduled day of launch), the BASED team asked that we delay launch for them to fix some of the art. The next day, after a meeting between the ROPE and BASED teams, the BASED team asked that we again delay launch, so that their team could prepare marketing and communications for the season. Today, the BASED team has told us that they no longer want to move forward with the season, as it “does not benefit their team”, despite the fact that it would bring massive amounts of liquidity to the BASED token pairs. Their team does not care about liquidity for the token. After multiple calls, their team was unwilling to budge, and wanted to shut down the season entirely.

As you can imagine, we were not willing to do this. As such, we are moving forward as originally planned. The BASED team sent us the completed and signed off art on the 20th, in preparation for launch. We are going to release Season 2 as originally planned, in the way that was originally discussed between both teams, to benefit both the ROPE and BASED communities. This article will also be released in its original form, with the additional forewarning.